<!DOCTYPE html>
<html>
    <head>
        <title>物质维度 - Matter Dimensions</title>
        <meta name="Description" content="Matter Dimensions is a slow-paced incremental game inspired by hardcore mods for Antimatter Dimensions. Start with a single unit of Matter and gradually overcome numerous nerfs that are piling up on you."/>
        <meta charset="utf-8"/>
        <script src="js/functions/init.js?rev=26" defer></script>
        <script src="js/functions/layers/photonic.js?rev=26" defer></script>
        <script src="js/functions/layers/gravitonic.js?rev=26" defer></script>
        <script src="js/functions/layers/neutronic.js?rev=26" defer></script>
        <script src="js/functions/layers/vacuumic.js?rev=26" defer></script>
        <script src="js/functions/layers/dimensional.js?rev=26" defer></script>
        <script src="js/functions/layers/atomic.js?rev=26" defer></script>
        <script src="js/functions/layers/biological.js?rev=26" defer></script>
        <script src="js/functions/dimensions/matter.js?rev=26" defer></script>
        <script src="js/functions/dimensions/photonic.js?rev=26" defer></script>
        <script src="js/functions/dimensions/gravitonic.js?rev=26" defer></script>
        <script src="js/functions/dimensions/neutronic.js?rev=26" defer></script>
        <script src="js/functions/dimensions/vacuumic.js?rev=26" defer></script>
        <script src="js/functions/dimensions/dimensional.js?rev=26" defer></script>
        <script src="js/functions/powers/neutronic.js?rev=26" defer></script>
        <script src="js/functions/upgrades/automation.js?rev=26" defer></script>
        <script src="js/functions/upgrades/photonic.js?rev=26" defer></script>
        <script src="js/functions/upgrades/gravitonic.js?rev=26" defer></script>
        <script src="js/functions/upgrades/neutronic.js?rev=26" defer></script>
        <script src="js/functions/upgrades/vacuumic.js?rev=26" defer></script>
        <script src="js/functions/upgrades/dimensional.js?rev=26" defer></script>
        <script src="js/functions/upgrades/atomic.js?rev=26" defer></script>
        <script src="js/functions/upgrades/biological.js?rev=26" defer></script>
        <script src="js/functions/upgrades/other.js?rev=26" defer></script>
        <script src="js/functions/evolutions/biological.js?rev=26" defer></script>
        <script src="js/functions/challenges/photonic.js?rev=26" defer></script>
        <script src="js/functions/challenges/gravitonic.js?rev=26" defer></script>
        <script src="js/functions/challenges/neutronic.js?rev=26" defer></script>
        <script src="js/functions/challenges/vacuumic.js?rev=26" defer></script>
        <script src="js/functions/challenges/dimensional.js?rev=26" defer></script>
        <script src="js/functions/milestones/temperature.js?rev=26" defer></script>
        <script src="js/functions/milestones/atomic.js?rev=26" defer></script>
        <script src="js/functions/experiments/atomic.js?rev=26" defer></script>
        <script src="js/functions/achievement_checks.js?rev=26" defer></script>
        <script src="js/functions/challenge_resets.js?rev=26" defer></script>
        <script src="js/functions/autobuyer_availability.js?rev=26" defer></script>
        <script src="js/functions/vacuumic_tree_display.js?rev=26" defer></script>
        <script src="js/functions/vacuumic_tree_presets.js?rev=26" defer></script>
        <script src="js/functions/number_display.js?rev=26" defer></script>
        <script src="js/render/matter/dimensions.js?rev=26" defer></script>
        <script src="js/render/photonic/dimensions.js?rev=26" defer></script>
        <script src="js/render/gravitonic/upgrades.js?rev=26" defer></script>
        <script src="js/render/gravitonic/dimensions.js?rev=26" defer></script>
        <script src="js/render/neutronic/upgrades.js?rev=26" defer></script>
        <script src="js/render/neutronic/dimensions.js?rev=26" defer></script>
        <script src="js/render/vacuumic/upgrades.js?rev=26" defer></script>
        <script src="js/render/vacuumic/dimensions.js?rev=26" defer></script>
        <script src="js/render/dimensional/dimensions.js?rev=26" defer></script>
        <script src="js/render/settings.js?rev=26" defer></script>
        <script src="js/data/newsticker.js?rev=26" defer></script>
        <script src="js/mechanics/inertia.js?rev=26" defer></script>
        <script src="js/mechanics/temperature.js?rev=26" defer></script>
        <script src="js/mechanics/collider.js?rev=26" defer></script>
        <script src="js/mechanics/population.js?rev=26" defer></script>
        <script src="js/mechanics/experiments.js?rev=26" defer></script>
        <script src="js/bignum.js?rev=26" defer></script>
        <script src="js/nerfs.js?rev=26" defer></script>
        <script src="js/prestige.js?rev=26" defer></script>
        <script src="js/screenupdate.js?rev=26" defer></script>
        <script src="js/dimensions.js?rev=26" defer></script>
        <script src="js/upgrades.js?rev=26" defer></script>
        <script src="js/evolutions.js?rev=26" defer></script>
        <script src="js/achievements.js?rev=26" defer></script>
        <script src="js/challenges.js?rev=26" defer></script>
        <script src="js/autobuyers.js?rev=26" defer></script>
        <script src="js/milestones.js?rev=26" defer></script>
        <script src="js/experiments.js?rev=26" defer></script>
        <script src="js/mechanics.js?rev=26" defer></script>
        <script src="js/other.js?rev=26" defer></script>
        <script src="js/saveload.js?rev=26" defer></script>
        <script src="js/main.js?rev=26" defer></script>
        <script src="js/newsticker.js?rev=26" defer></script>

        <link rel="stylesheet" type="text/css" href="fonts/Larabiefont/stylesheet.css">
        <link href="https://fonts.googleapis.com/css2?family=Recursive:wght,MONO@400..700,1&display=swap" rel="stylesheet">

        <link rel="stylesheet" type="text/css" href="index.css?rev=26">
        <link rel="stylesheet" type="text/css" href="css/st_presets.css?rev=26">
        <link rel="stylesheet" type="text/css" href="css/experiments.css?rev=26">
        <link rel="stylesheet" type="text/css" href="css/newsticker.css?rev=26">
        <link rel="stylesheet" type="text/css" href="css/setting_specific.css?rev=26">
        <link rel="stylesheet" type="text/css" href="css/themes.css?rev=26">
        <link rel="stylesheet" type="text/css" href="mobile.css?rev=26">
        <link rel='shortcut icon' type='image/x-icon' href='favicon.ico'>
    </head>
    <body class="theme-blue">
<script src="chs.js?202106041511"></script>
<script src="//g8hh.com/zh/core.js"></script>
        <div class="newsticker-outer">
            <p id="newsticker"></p>
        </div>
        <div class="layout-wrapper">
            <div class="settings-menu">
                <div class="settings-menu-wrapper">
                    <div class="setting-button" id="menu_button_statistics" onclick="change_menu('statistics'); screen_update()"><p>Statistics</p></div>
                    <div class="setting-button" id="menu_button_achievements" onclick="change_menu('achievements'); screen_update()"><p>Achievements</p></div>
                    <div class="setting-button" id="menu_button_settings" onclick="change_menu('settings'); screen_update()"><p>Settings</p></div>
                    <div class="setting-button" id="menu_button_information" onclick="change_menu('information'); screen_update()"><p>Information</p></div>
                    <div class="divider"></div>
                    <div class="setting-button" id="menu_button_automation" onclick="change_menu('automation'); screen_update()" style="display: none"><p>Automation Shop</p></div>
                    <div class="setting-button" id="menu_button_inertia" onclick="change_menu('inertia'); screen_update()"><p>Inertia</p></div>
                    <div class="setting-button disabled" id="menu_button_matter" onclick="change_menu('matter'); screen_update()"><p>Matter</p></div>
                    <div class="setting-button" id="menu_button_photonic" onclick="change_menu('photonic'); screen_update()" style="display: none"><p>Photonic</p></div>
                    <div class="setting-button" id="menu_button_gravitonic" onclick="change_menu('gravitonic'); screen_update()" style="display: none"><p>Gravitonic</p></div>
                    <div class="setting-button" id="menu_button_neutronic" onclick="change_menu('neutronic'); screen_update()" style="display: none"><p>Neutronic</p></div>
                    <div class="setting-button" id="menu_button_vacuumic" onclick="change_menu('vacuumic'); screen_update()" style="display: none"><p>Vacuumic</p></div>
                    <div class="setting-button" id="menu_button_dimensional" onclick="change_menu('dimensional'); screen_update()" style="display: none"><p>Dimensional</p></div>
                    <div class="setting-button" id="menu_button_atomic" onclick="change_menu('atomic'); screen_update()" style="display: none"><p>Atomic</p></div>
                    <div class="setting-button" id="menu_button_biological" onclick="change_menu('biological'); screen_update()" style="display: none"><p>Biological</p></div>
                    <div class="divider"></div>
                    <div id="submenu_automation" class="settings-submenu" style="display: none"></div>
                    <div id="submenu_inertia" class="settings-submenu" style="display: none"></div>
                    <div id="submenu_matter" class="settings-submenu">
                        <div class="setting-button disabled" id="menu_button_matter_dimensions" onclick="change_submenu('matter', 'dimensions'); screen_update()"><p>Dimensions</p></div>
                    </div>
                    <div id="submenu_photonic" class="settings-submenu" style="display: none">
                        <div class="setting-button" id="menu_button_photonic_dimensions" onclick="change_submenu('photonic', 'dimensions'); screen_update()" style="display: none"><p>Dimensions</p></div>
                        <div class="setting-button disabled" id="menu_button_photonic_upgrades" onclick="change_submenu('photonic', 'upgrades'); screen_update()" style="display: none"><p>Upgrades</p></div>
                        <div class="setting-button" id="menu_button_photonic_challenges" onclick="change_submenu('photonic', 'challenges'); screen_update()" style="display: none"><p>Challenges</p></div>
                    </div>
                    <div id="submenu_gravitonic" class="settings-submenu" style="display: none">
                        <div class="setting-button" id="menu_button_gravitonic_dimensions" onclick="change_submenu('gravitonic', 'dimensions'); screen_update()" style="display: none"><p>Dimensions</p></div>
                        <div class="setting-button disabled" id="menu_button_gravitonic_upgrades" onclick="change_submenu('gravitonic', 'upgrades'); screen_update()" style="display: none"><p>Upgrades</p></div>
                        <div class="setting-button" id="menu_button_gravitonic_challenges" onclick="change_submenu('gravitonic', 'challenges'); screen_update()" style="display: none"><p>Challenges</p></div>
                    </div>
                    <div id="submenu_neutronic" class="settings-submenu" style="display: none">
                        <div class="setting-button" id="menu_button_neutronic_dimensions" onclick="change_submenu('neutronic', 'dimensions'); screen_update()" style="display: none"><p>Dimensions</p></div>
                        <div class="setting-button disabled" id="menu_button_neutronic_upgrades" onclick="change_submenu('neutronic', 'upgrades'); screen_update()" style="display: none"><p>Upgrades</p></div>
                        <div class="setting-button" id="menu_button_neutronic_challenges" onclick="change_submenu('neutronic', 'challenges'); screen_update()" style="display: none"><p>Challenges</p></div>
                    </div>
                    <div id="submenu_vacuumic" class="settings-submenu" style="display: none">
                        <div class="setting-button" id="menu_button_vacuumic_dimensions" onclick="change_submenu('vacuumic', 'dimensions'); screen_update()" style="display: none"><p>Dimensions</p></div>
                        <div class="setting-button disabled" id="menu_button_vacuumic_upgrades" onclick="change_submenu('vacuumic', 'upgrades'); screen_update()" style="display: none"><p>Upgrades</p></div>
                        <div class="setting-button" id="menu_button_vacuumic_challenges" onclick="change_submenu('vacuumic', 'challenges'); screen_update()" style="display: none"><p>Challenges</p></div>
                        <div class="setting-button" id="menu_button_vacuumic_temperature" onclick="change_submenu('vacuumic', 'temperature'); screen_update()" style="display: none"><p>Temperature</p></div>
                    </div>
                    <div id="submenu_dimensional" class="settings-submenu" style="display: none">
                        <div class="setting-button" id="menu_button_dimensional_dimensions" onclick="change_submenu('dimensional', 'dimensions'); screen_update()" style="display: none"><p>Dimensions</p></div>
                        <div class="setting-button disabled" id="menu_button_dimensional_upgrades" onclick="change_submenu('dimensional', 'upgrades'); screen_update()" style="display: none"><p>Upgrades</p></div>
                        <div class="setting-button" id="menu_button_dimensional_challenges" onclick="change_submenu('dimensional', 'challenges'); screen_update()" style="display: none"><p>Challenges</p></div>
                    </div>
                    <div id="submenu_atomic" class="settings-submenu" style="display: none">
                        <div class="setting-button disabled" id="menu_button_atomic_upgrades" onclick="change_submenu('atomic', 'upgrades'); screen_update()" style="display: none"><p>Upgrades</p></div>
                        <div class="setting-button" id="menu_button_atomic_collider" onclick="change_submenu('atomic', 'collider'); screen_update()" style="display: none"><p>Collider</p></div>
                        <div class="setting-button" id="menu_button_atomic_experiments" onclick="change_submenu('atomic', 'experiments'); screen_update()" style="display: none"><p>Experiments</p></div>
                    </div>
                    <div id="submenu_biological" class="settings-submenu" style="display: none">
                        <div class="setting-button disabled" id="menu_button_biological_population" onclick="change_submenu('biological', 'population'); screen_update()" style="display: none"><p>Population</p></div>
                        <div class="setting-button" id="menu_button_biological_evolutions" onclick="change_submenu('biological', 'evolutions'); screen_update()" style="display: none"><p>Evolutions</p></div>
                    </div>
                    <div id="submenu_statistics" class="settings-submenu" style="display: none"></div>
                    <div id="submenu_achievements" class="settings-submenu" style="display: none"></div>
                    <div id="submenu_settings" class="settings-submenu" style="display: none"></div>
                    <div id="submenu_information" class="settings-submenu" style="display: none">
                        <div class="setting-button disabled" id="menu_button_information_hotkeys" onclick="change_submenu('information', 'hotkeys'); screen_update()"><p>Hotkeys</p></div>
                        <div class="setting-button" id="menu_button_information_changelog" onclick="change_submenu('information', 'changelog'); screen_update()"><p>Changelog</p></div>
                    </div>
                    <div style="flex-grow: 1"></div>
                    <div style="display: flex; flex-direction: column; margin: 0px;">
                        <p>Version 0.7.2</p>
                        <a href="https://discord.gg/FggGbWW8QV" target="_blank" style="text-decoration: none; margin-top: 5px"><div class="setting-button"><p>Discord</p></div></a>
                    </div>
                </div>
            </div>
            <div class="main-section">
                <div class="resource-info">
                    <p class="header">You have <span id="resource_matter" class="large-number"></span> matter</p>
                    <p id="matter_gain_display">You gain <span id="matter_per_sec"></span> matter per <span id="matter_per_what">real-life second</span></p>
                    <p>There is <span id="resource_antimatter"></span> antimatter</p>
                    <p>Annihilation produced <span id="resource_energy"></span> energy so far</p>
                    <p id="space_production">Your matter filled <span id="resource_space"></span> space so far</p>
                    <p id="mechanic_inertia_desc">Inertia provides ×<span id="mechanic_inertia_desc_multiplier"></span> time multiplier <span id="mechanic_inertia_desc_time"></span></p>
                    <p>&nbsp;</p>
                    <p>Time is <span id="resource_challenge_strength_1"></span>× slower</p>
                    <p>All production above <span id="resource_challenge_addinfo_2"></span> is x^<span id="resource_challenge_strength_2"></span></p>
                    <p>Each dimension is <span id="resource_challenge_strength_3"></span>× slower than the previous one</p>
                    <p id="challenge_strength_4">There can be at most <span id="resource_challenge_strength_4"></span> of any resource</p>
                    <p id="challenge_broken_4" style="display: none">Your resource potential is infinite</p>
                    <p>There are only <span id="resource_challenge_strength_6"></span> dimensions of each kind</p>
                    <p>All production is divided by <span id="resource_challenge_strength_5"></span> (based on current matter)</p>
                    <p>All production is divided by <span id="resource_challenge_strength_7"></span> (based on time since last reset)</p>
                    <p>One of each <span id="resource_challenge_strength_8"></span> dimensions collapses each second</p>
                    <p>All costs are x^<span id="resource_challenge_strength_9"></span></p>
                    <p>Dimensions are working as if there are x^<span id="resource_challenge_strength_10"></span> of them</p>
                    <p id="challenge_strength_11" style="display: none">All production above <span class="static-number" extra="2^1024"></span> is dilated with the power of <span id="resource_challenge_strength_11"></span></p>
                    <p>&nbsp;</p>
                    <p>You spent <span id="timer_time_passed"></span> in this reset</p>
                    <p>&nbsp;</p>
                    <p id="unlock_hint_photonic">Next layer unlocks at <span class="static-number" extra="1" finite></span> energy</p>
                    <p id="unlock_hint_gravitonic" style="display: none">Next layer unlocks at <span class="static-number" extra="10" finite></span> matter</p>
                    <p id="unlock_hint_neutronic" style="display: none">Next layer unlocks at <span class="static-number" extra="10" finite></span> 1st Matter Dimensions</p>
                    <p id="unlock_hint_vacuumic" style="display: none">Next layer unlocks at <span class="static-number" extra="1e10" finite></span> matter</p>
                    <p id="unlock_hint_dimensional" style="display: none">Next layer unlocks at <span class="static-number" extra="10" finite></span> bought 4th Matter Dimensions</p>
                    <p id="unlock_hint_atomic" style="display: none">Next layer unlocks at breaking Infinity</p>
                    <p id="unlock_hint_biological" style="display: none">Next layer unlocks at <span class="static-number" extra="6.022e23" finite></span> atoms</p>
                </div>
                <div id="achievement_track"></div>



                <div class="layer-info" id="section_automation" style="display: none;">
                    <p>Purchase automation-related upgrades here!<br>
                    Each row has a layer on which all upgrades in this row are reset.</p>
                    <div class="automation-shop-layout">
                        <p id="automation_shop_vacuumic" class="automation-shop-reset-layer" style="grid-row: 1; grid-column: 1"></p>
                        <div id="upgrade_AUTO1_1" class="upgrade" style="grid-row: 1; grid-column: 2" onclick="player.upgrades['AUTO1_1'].buy()">
                            <p>Unlock autobuyer for Gravitonic dimensions</p>
                            <p id="upgrade_AUTO1_1_next_cost">Cost: <span id="upgrade_AUTO1_1_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO1_2" class="upgrade" style="grid-row: 1; grid-column: 3" onclick="player.upgrades['AUTO1_2'].buy()">
                            <p>Unlock autobuyer for Gravitonic resets</p>
                            <p id="upgrade_AUTO1_2_next_cost">Cost: <span id="upgrade_AUTO1_2_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO1_3" class="upgrade" style="grid-row: 1; grid-column: 4" onclick="player.upgrades['AUTO1_3'].buy()">
                            <p>This row is never reset</p>
                            <p id="upgrade_AUTO1_3_next_cost">Cost: <span id="upgrade_AUTO1_3_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO1_5" class="upgrade" style="grid-row: 1; grid-column: 5" onclick="player.upgrades['AUTO1_5'].buy()">
                            <p>Unlock autobuyer for Gravitonic upgrades</p>
                            <p id="upgrade_AUTO1_5_next_cost">Cost: <span id="upgrade_AUTO1_5_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO1_4" class="upgrade" style="grid-row: 1; grid-column: 6" onclick="player.upgrades['AUTO1_4'].buy()">
                            <p>Gain Gravitons as soon as you can, without reset</p>
                            <p><input id="upgrade_AUTO1_4_toggle" type="checkbox" onclick="player.upgrades['AUTO1_4'].update()" checked> Enabled</p>
                            <p id="upgrade_AUTO1_4_next_cost">Cost: <span id="upgrade_AUTO1_4_cost"></span></p>
                        </div>

                        <p id="automation_shop_dimensional" class="automation-shop-reset-layer" style="grid-row: 2; grid-column: 1"></p>
                        <div id="upgrade_AUTO2_1" class="upgrade" style="grid-row: 2; grid-column: 2" onclick="player.upgrades['AUTO2_1'].buy()">
                            <p>Unlock autobuyer for Neutronic dimensions</p>
                            <p id="upgrade_AUTO2_1_next_cost">Cost: <span id="upgrade_AUTO2_1_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO2_2" class="upgrade" style="grid-row: 2; grid-column: 3" onclick="player.upgrades['AUTO2_2'].buy()">
                            <p>Unlock autobuyer for Neutronic particles</p>
                            <p id="upgrade_AUTO2_2_next_cost">Cost: <span id="upgrade_AUTO2_2_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO2_3" class="upgrade" style="grid-row: 2; grid-column: 4" onclick="player.upgrades['AUTO2_3'].buy()">
                            <p>This row is never reset</p>
                            <p id="upgrade_AUTO2_3_next_cost">Cost: <span id="upgrade_AUTO2_3_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO2_5" class="upgrade" style="grid-row: 2; grid-column: 5" onclick="player.upgrades['AUTO2_5'].buy()">
                            <p>Unlock autobuyer for Neutronic upgrades</p>
                            <p id="upgrade_AUTO2_5_next_cost">Cost: <span id="upgrade_AUTO2_5_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO2_4" class="upgrade" style="grid-row: 2; grid-column: 6" onclick="player.upgrades['AUTO2_4'].buy()">
                            <p>Gain <span class="static-number" extra="100"></span>% of Neutrons upon reset per second</p>
                            <p id="upgrade_AUTO2_4_next_cost">Cost: <span id="upgrade_AUTO2_4_cost"></span></p>
                        </div>

                        <p id="automation_shop_atomic" class="automation-shop-reset-layer" style="grid-row: 3; grid-column: 1"></p>
                        <div id="upgrade_AUTO3_1" class="upgrade" style="grid-row: 3; grid-column: 2" onclick="player.upgrades['AUTO3_1'].buy()">
                            <p>Unlock autobuyer for Vacuumic dimensions</p>
                            <p id="upgrade_AUTO3_1_next_cost">Cost: <span id="upgrade_AUTO3_1_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO3_2" class="upgrade" style="grid-row: 3; grid-column: 3" onclick="player.upgrades['AUTO3_2'].buy()">
                            <p>Unlock autobuyer for Vacuumic resets</p>
                            <p id="upgrade_AUTO3_2_next_cost">Cost: <span id="upgrade_AUTO3_2_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO3_3" class="upgrade" style="grid-row: 3; grid-column: 4" onclick="player.upgrades['AUTO3_3'].buy()">
                            <p>This row is never reset</p>
                            <p id="upgrade_AUTO3_3_next_cost">Cost: <span id="upgrade_AUTO3_3_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO3_5" class="upgrade" style="grid-row: 3; grid-column: 5" onclick="player.upgrades['AUTO3_5'].buy()">
                            <p>Unlock preset slots for Space Theorem tree autobuyers</p>
                            <p id="upgrade_AUTO3_5_next_cost">Cost: <span id="upgrade_AUTO3_5_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO3_4" class="upgrade" style="grid-row: 3; grid-column: 6" onclick="player.upgrades['AUTO3_4'].buy()">
                            <p>Gain <span class="static-number" extra="100"></span>% of Vacuum Energy upon reset per second</p>
                            <p id="upgrade_AUTO3_4_next_cost">Cost: <span id="upgrade_AUTO3_4_cost"></span></p>
                        </div>

                        <p id="automation_shop_biological" class="automation-shop-reset-layer" style="grid-row: 4; grid-column: 1"></p>
                        <div id="upgrade_AUTO4_1" class="upgrade" style="grid-row: 4; grid-column: 2" onclick="player.upgrades['AUTO4_1'].buy()">
                            <p>Unlock autobuyer for Dimensional dimensions</p>
                            <p id="upgrade_AUTO4_1_next_cost">Cost: <span id="upgrade_AUTO4_1_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO4_2" class="upgrade" style="grid-row: 4; grid-column: 3" onclick="player.upgrades['AUTO4_2'].buy()">
                            <p>Unlock autobuyer for Dimensional resets</p>
                            <p id="upgrade_AUTO4_2_next_cost">Cost: <span id="upgrade_AUTO4_2_cost"></span></p>
                        </div>
                        <div id="upgrade_AUTO4_3" class="upgrade" style="grid-row: 4; grid-column: 4" onclick="player.upgrades['AUTO4_3'].buy()">
                            <p>This row is never reset</p>
                            <p id="upgrade_AUTO4_3_next_cost">Cost: <span id="upgrade_AUTO4_3_cost"></span></p>
                        </div>

                        <p id="automation_shop_???" class="automation-shop-reset-layer" style="grid-row: 5; grid-column: 1"></p>
                    </div>
                </div>



                <div class="layer-info" id="section_inertia" style="display: none;">
                    <p class="achievement-bonus" style="text-align: left;">You have <span id="timer_inertia" class="large-number"></span> of Inertia.</p>
                    <p>You gain <span id="mechanic_inertia_per_hour"></span> of Inertia per hour<span id="mechanic_inertia_offline_remark"> you spend offline or without 1st Matter Dimensions</span><span id="mechanic_inertia_timespeed_remark"> (based on your best time speed)</span>.</p>
                    <p id="mechanic_inertia_online_gain_desc">You also gain <span id="mechanic_inertia_per_hour_online"></span> of Inertia per hour you spend online.</p>
                    <p>This caps at <span id="mechanic_inertia_cap"></span> of Inertia.</p>
                    <p>&nbsp;</p>
                    <p>Inertia time multiplier is currently <span id="mechanic_inertia_status" style="font-weight: bold;"></span>.</p>
                    <div style="display: flex; flex-direction: row; justify-content: center"><div class="setting-button" onclick="switch_inertia_status()" style="width: 20%"><p id="mechanic_inertia_button_text"></p></div></div>
                    <div class="inertia-slider">
                        <div style="display: flex; flex-direction: row;">
                            <p style="text-align: left; flex-grow: 1">×<span class="static-number" extra="2"></span></p>
                            <p style="text-align: right; flex-grow: 1">×<span id="mechanic_inertia_max_multiplier"></span></p>
                        </div>
                        <input type="range" id="mechanic_inertia_slider" min="2" max="3" value="2" step="1e-3" style="width: 100%">
                    </div>
                    <p>To support Inertia time multiplier of <span class="large-number">×<span id="resource_inertia_multiplier"></span></span>, you need to spend <span id="mechanic_inertia_loss"></span> of Inertia per real-life second.</p>
                    <p>Your Inertia will allow to run it <span id="mechanic_inertia_eta"></span>.</p>
                    <div style="display: grid; grid-template-rows: repeat(3, 1fr); gap: 5px; width: 100%; padding-top: 10px; padding-right: 5px">
                        <div id="upgrade_INERTIA_1" class="upgrade" onclick="player.upgrades['INERTIA_1'].buy()">
                            <p>Double the storage capacity of Inertia</p>
                            <p id="upgrade_INERTIA_1_next_cost">Cost: <span id="upgrade_INERTIA_1_cost"></span></p>
                        </div>
                        <div id="upgrade_INERTIA_2" class="upgrade" onclick="player.upgrades['INERTIA_2'].buy()">
                            <p>Reduce the power of time speed on Inertia gain by <span class="static-number" extra="0.15"></span><br>
                            Current: ^<span id="upgrade_INERTIA_2_current_effect"></span>
                            <span id="upgrade_INERTIA_2_next"><br>Next: ^<span id="upgrade_INERTIA_2_next_effect"></span></span></p>
                            <p id="upgrade_INERTIA_2_next_cost">Cost: <span id="upgrade_INERTIA_2_cost"></span></p>
                        </div>
                        <div id="upgrade_INERTIA_3" class="upgrade" onclick="player.upgrades['INERTIA_3'].buy()">
                            <p>Increase the maximum multiplier from Inertia to time speed by <span class="static-number" extra="1"></span><br>
                            Current: ×<span id="upgrade_INERTIA_3_current_effect"></span>
                            <span id="upgrade_INERTIA_3_next"><br>Next: ×<span id="upgrade_INERTIA_3_next_effect"></span></span></p>
                            <p id="upgrade_INERTIA_3_next_cost">Cost: <span id="upgrade_INERTIA_3_cost"></span></p>
                        </div>
                        <div id="upgrade_INERTIA_4" class="upgrade" onclick="player.upgrades['INERTIA_4'].buy()">
                            <p>Increase the production of Inertia<br>
                            Current: ×<span id="upgrade_INERTIA_4_current_effect"></span>
                            <span id="upgrade_INERTIA_4_next"><br>Next: ×<span id="upgrade_INERTIA_4_next_effect"></span></span></p>
                            <p id="upgrade_INERTIA_4_next_cost">Cost: <span id="upgrade_INERTIA_4_cost"></span></p>
                        </div>
                        <div id="upgrade_INERTIA_5" class="upgrade" onclick="player.upgrades['INERTIA_5'].buy()">
                            <p>Gain a percentage of Inertia income while online<br>
                            Current: <span id="upgrade_INERTIA_5_current_effect"></span>%
                            <span id="upgrade_INERTIA_5_next"><br>Next: <span id="upgrade_INERTIA_5_next_effect"></span>%</span></p>
                            <p id="upgrade_INERTIA_5_next_cost">Cost: <span id="upgrade_INERTIA_5_cost"></span></p>
                        </div>
                    </div>
                </div>



                <div class="layer-info" id="section_matter">
                    <div id="matter_dimensions" class="dimension-list">
                        <div id="tickspeed_wrapper" class="tickspeed-wrapper" style="display: none">
                            <p>Increase tickspeed for Matter Dimensions by <span id="tickspeed_compound_type">×</span><span id="upgrade_TICKSPEED_reduction"></span></p>
                            <div class="button-row">
                                <div id="upgrade_TICKSPEED" class="upgrade" onclick="player.upgrades['TICKSPEED'].buy()">
                                    <p id="upgrade_TICKSPEED_next_cost">Cost: <span id="upgrade_TICKSPEED_cost"></span></p>
                                </div>
                                <div id="autobuyer_TICKSPEED" style="display: none"><input id="autobuyer_TICKSPEED_toggle" type="checkbox" onclick="player.autobuyers['TICKSPEED'].update_params()"></div>
                            </div>
                            <p>Tickspeed: <span id="upgrade_TICKSPEED_current_effect"></span>/s</p>
                        </div>
                        <div class="autobuyer-toggle-wrapper">
                            <div class="setting-button autobuyer-toggle" layer="matter" onclick="toggle_autobuyers(this.attributes.layer.value)" style="display: none"><p>Toggle all</p></div>
                        </div>
                        <div id="dimension_matter_1" class="dimension">
                            <p class="dimension-name">1st Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_1_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_1_amt"></span> (<span id="dimension_matter_1_bought"></span>)</p>
                            <div id="dimension_matter_1_buy" class="dimension-cost" onclick="player.dimensions['matter_1'].buy()">
                                <p>Cost: <span id="dimension_matter_1_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_1" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_1_toggle" type="checkbox" onclick="player.autobuyers['matter_1'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_2" class="dimension" style="display: none">
                            <p class="dimension-name">2nd Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_2_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_2_amt"></span> (<span id="dimension_matter_2_bought"></span>)</p>
                            <div id="dimension_matter_2_buy" class="dimension-cost" onclick="player.dimensions['matter_2'].buy()">
                                <p>Cost: <span id="dimension_matter_2_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_2" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_2_toggle" type="checkbox" onclick="player.autobuyers['matter_2'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_3" class="dimension" style="display: none">
                            <p class="dimension-name">3rd Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_3_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_3_amt"></span> (<span id="dimension_matter_3_bought"></span>)</p>
                            <div id="dimension_matter_3_buy" class="dimension-cost" onclick="player.dimensions['matter_3'].buy()">
                                <p>Cost: <span id="dimension_matter_3_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_3" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_3_toggle" type="checkbox" onclick="player.autobuyers['matter_3'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_4" class="dimension" style="display: none">
                            <p class="dimension-name">4th Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_4_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_4_amt"></span> (<span id="dimension_matter_4_bought"></span>)</p>
                            <div id="dimension_matter_4_buy" class="dimension-cost" onclick="player.dimensions['matter_4'].buy()">
                                <p>Cost: <span id="dimension_matter_4_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_4" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_4_toggle" type="checkbox" onclick="player.autobuyers['matter_4'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_5" class="dimension" style="display: none">
                            <p class="dimension-name">5th Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_5_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_5_amt"></span> (<span id="dimension_matter_5_bought"></span>)</p>
                            <div id="dimension_matter_5_buy" class="dimension-cost" onclick="player.dimensions['matter_5'].buy()">
                                <p>Cost: <span id="dimension_matter_5_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_5" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_5_toggle" type="checkbox" onclick="player.autobuyers['matter_5'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_6" class="dimension" style="display: none">
                            <p class="dimension-name">6th Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_6_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_6_amt"></span> (<span id="dimension_matter_6_bought"></span>)</p>
                            <div id="dimension_matter_6_buy" class="dimension-cost" onclick="player.dimensions['matter_6'].buy()">
                                <p>Cost: <span id="dimension_matter_6_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_6" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_6_toggle" type="checkbox" onclick="player.autobuyers['matter_6'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_7" class="dimension" style="display: none">
                            <p class="dimension-name">7th Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_7_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_7_amt"></span> (<span id="dimension_matter_7_bought"></span>)</p>
                            <div id="dimension_matter_7_buy" class="dimension-cost" onclick="player.dimensions['matter_7'].buy()">
                                <p>Cost: <span id="dimension_matter_7_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_7" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_7_toggle" type="checkbox" onclick="player.autobuyers['matter_7'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_8" class="dimension" style="display: none">
                            <p class="dimension-name">8th Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_8_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_8_amt"></span> (<span id="dimension_matter_8_bought"></span>)</p>
                            <div id="dimension_matter_8_buy" class="dimension-cost" onclick="player.dimensions['matter_8'].buy()">
                                <p>Cost: <span id="dimension_matter_8_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_8" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_8_toggle" type="checkbox" onclick="player.autobuyers['matter_8'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_9" class="dimension" style="display: none">
                            <p class="dimension-name">9th Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_9_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_9_amt"></span> (<span id="dimension_matter_9_bought"></span>)</p>
                            <div id="dimension_matter_9_buy" class="dimension-cost" onclick="player.dimensions['matter_9'].buy()">
                                <p>Cost: <span id="dimension_matter_9_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_9" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_9_toggle" type="checkbox" onclick="player.autobuyers['matter_9'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_10" class="dimension" style="display: none">
                            <p class="dimension-name">10th Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_10_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_10_amt"></span> (<span id="dimension_matter_10_bought"></span>)</p>
                            <div id="dimension_matter_10_buy" class="dimension-cost" onclick="player.dimensions['matter_10'].buy()">
                                <p>Cost: <span id="dimension_matter_10_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_10" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_10_toggle" type="checkbox" onclick="player.autobuyers['matter_10'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_11" class="dimension" style="display: none">
                            <p class="dimension-name">11th Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_11_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_11_amt"></span> (<span id="dimension_matter_11_bought"></span>)</p>
                            <div id="dimension_matter_11_buy" class="dimension-cost" onclick="player.dimensions['matter_11'].buy()">
                                <p>Cost: <span id="dimension_matter_11_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_11" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_11_toggle" type="checkbox" onclick="player.autobuyers['matter_11'].update_params()"></div>
                        </div>
                        <div id="dimension_matter_12" class="dimension" style="display: none">
                            <p class="dimension-name">12th Matter Dimension</p>
                            <p class="dimension-production">×<span id="dimension_matter_12_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_matter_12_amt"></span> (<span id="dimension_matter_12_bought"></span>)</p>
                            <div id="dimension_matter_12_buy" class="dimension-cost" onclick="player.dimensions['matter_12'].buy()">
                                <p>Cost: <span id="dimension_matter_12_cost"></span></p>
                            </div>
                            <div id="autobuyer_matter_12" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_matter_12_toggle" type="checkbox" onclick="player.autobuyers['matter_12'].update_params()"></div>
                        </div>
                    </div>

                    <div id="matter_inertia" style="display: none;">
                    </div>
                </div>



                <div class="layer-info" id="section_photonic" style="display: none;">
                    <div id="photonic_dimensions" class="dimension-list" style="display: none;">
                        <p class="achievement-bonus" style="text-align: left;">You have <span id="resource_light" class="large-number"></span> Light, which gives you the following bonuses:</span></p>
                        <p>×<span class="power_light_production" style="font-weight: bold;"></span> to the production of <span id="light_boosts_which_dimension"></span>
                        <span id="power_light_time_info"><br>×<span class="power_light_time" style="font-weight: bold;"></span> to time speed</span></p>
                        <div class="autobuyer-toggle-wrapper">
                            <div class="setting-button autobuyer-toggle" layer="photonic" onclick="toggle_autobuyers(this.attributes.layer.value)"><p>Toggle all</p></div>
                        </div>
                        <div id="dimension_photonic_1" class="dimension">
                            <p class="dimension-name">1st Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_1_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_1_amt"></span> (<span id="dimension_photonic_1_bought"></span>)</p>
                            <div id="dimension_photonic_1_buy" class="dimension-cost" onclick="player.dimensions['photonic_1'].buy()">
                                <p>Cost: <span id="dimension_photonic_1_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_1" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_1_toggle" type="checkbox" onclick="player.autobuyers['photonic_1'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_2" class="dimension">
                            <p class="dimension-name">2nd Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_2_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_2_amt"></span> (<span id="dimension_photonic_2_bought"></span>)</p>
                            <div id="dimension_photonic_2_buy" class="dimension-cost" onclick="player.dimensions['photonic_2'].buy()">
                                <p>Cost: <span id="dimension_photonic_2_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_2" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_2_toggle" type="checkbox" onclick="player.autobuyers['photonic_2'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_3" class="dimension">
                            <p class="dimension-name">3rd Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_3_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_3_amt"></span> (<span id="dimension_photonic_3_bought"></span>)</p>
                            <div id="dimension_photonic_3_buy" class="dimension-cost" onclick="player.dimensions['photonic_3'].buy()">
                                <p>Cost: <span id="dimension_photonic_3_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_3" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_3_toggle" type="checkbox" onclick="player.autobuyers['photonic_3'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_4" class="dimension">
                            <p class="dimension-name">4th Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_4_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_4_amt"></span> (<span id="dimension_photonic_4_bought"></span>)</p>
                            <div id="dimension_photonic_4_buy" class="dimension-cost" onclick="player.dimensions['photonic_4'].buy()">
                                <p>Cost: <span id="dimension_photonic_4_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_4" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_4_toggle" type="checkbox" onclick="player.autobuyers['photonic_4'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_5" class="dimension">
                            <p class="dimension-name">5th Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_5_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_5_amt"></span> (<span id="dimension_photonic_5_bought"></span>)</p>
                            <div id="dimension_photonic_5_buy" class="dimension-cost" onclick="player.dimensions['photonic_5'].buy()">
                                <p>Cost: <span id="dimension_photonic_5_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_5" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_5_toggle" type="checkbox" onclick="player.autobuyers['photonic_5'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_6" class="dimension">
                            <p class="dimension-name">6th Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_6_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_6_amt"></span> (<span id="dimension_photonic_6_bought"></span>)</p>
                            <div id="dimension_photonic_6_buy" class="dimension-cost" onclick="player.dimensions['photonic_6'].buy()">
                                <p>Cost: <span id="dimension_photonic_6_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_6" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_6_toggle" type="checkbox" onclick="player.autobuyers['photonic_6'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_7" class="dimension">
                            <p class="dimension-name">7th Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_7_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_7_amt"></span> (<span id="dimension_photonic_7_bought"></span>)</p>
                            <div id="dimension_photonic_7_buy" class="dimension-cost" onclick="player.dimensions['photonic_7'].buy()">
                                <p>Cost: <span id="dimension_photonic_7_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_7" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_7_toggle" type="checkbox" onclick="player.autobuyers['photonic_7'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_8" class="dimension">
                            <p class="dimension-name">8th Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_8_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_8_amt"></span> (<span id="dimension_photonic_8_bought"></span>)</p>
                            <div id="dimension_photonic_8_buy" class="dimension-cost" onclick="player.dimensions['photonic_8'].buy()">
                                <p>Cost: <span id="dimension_photonic_8_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_8" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_8_toggle" type="checkbox" onclick="player.autobuyers['photonic_8'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_9" class="dimension">
                            <p class="dimension-name">9th Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_9_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_9_amt"></span> (<span id="dimension_photonic_9_bought"></span>)</p>
                            <div id="dimension_photonic_9_buy" class="dimension-cost" onclick="player.dimensions['photonic_9'].buy()">
                                <p>Cost: <span id="dimension_photonic_9_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_9" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_9_toggle" type="checkbox" onclick="player.autobuyers['photonic_9'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_10" class="dimension">
                            <p class="dimension-name">10th Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_10_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_10_amt"></span> (<span id="dimension_photonic_10_bought"></span>)</p>
                            <div id="dimension_photonic_10_buy" class="dimension-cost" onclick="player.dimensions['photonic_10'].buy()">
                                <p>Cost: <span id="dimension_photonic_10_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_10" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_10_toggle" type="checkbox" onclick="player.autobuyers['photonic_10'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_11" class="dimension">
                            <p class="dimension-name">11th Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_11_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_11_amt"></span> (<span id="dimension_photonic_11_bought"></span>)</p>
                            <div id="dimension_photonic_11_buy" class="dimension-cost" onclick="player.dimensions['photonic_11'].buy()">
                                <p>Cost: <span id="dimension_photonic_11_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_11" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_11_toggle" type="checkbox" onclick="player.autobuyers['photonic_11'].update_params()"></div>
                        </div>
                        <div id="dimension_photonic_12" class="dimension">
                            <p class="dimension-name">12th Photonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_photonic_12_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_photonic_12_amt"></span> (<span id="dimension_photonic_12_bought"></span>)</p>
                            <div id="dimension_photonic_12_buy" class="dimension-cost" onclick="player.dimensions['photonic_12'].buy()">
                                <p>Cost: <span id="dimension_photonic_12_cost"></span></p>
                            </div>
                            <div id="autobuyer_photonic_12" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_photonic_12_toggle" type="checkbox" onclick="player.autobuyers['photonic_12'].update_params()"></div>
                        </div>
                    </div>

                    <div id="photonic_upgrades">
                        <p class="achievement-bonus">You have <span class="prestige_currency_photonic large-number"></span> Photons.</p>
                        <div style="margin: 5px; margin-left: 40%; margin-right: 40%; display: flex; flex-direction: row; gap: 5px; align-items: center">
                            <div id="upgrades_photonic_buy_max" class="dimension-cost" onclick="max_buy_upgrades('p')" style="flex-grow: 1">
                                <p>Buy max (M)</p>
                            </div>
                            <div id="autobuyer_photonic_upgrades" style="display: none"><input id="autobuyer_photonic_upgrades_toggle" type="checkbox" onclick="player.autobuyers['photonic_upgrades'].update_params()"></div>
                        </div>
                        <div class="upgrade-list-photonic">
                            <div id="upgrade_p11" class="upgrade" style="grid-row: 1; grid-column: 1" onclick="player.upgrades['p11'].buy()">
                                <p>Time is faster</p>
                                <p>Current: ×<span id="upgrade_p11_current_effect"></span>
                                <span id="upgrade_p11_next"><br>Next: ×<span id="upgrade_p11_next_effect"></span></span></p>
                                <p id="upgrade_p11_next_cost">Cost: <span id="upgrade_p11_cost"></span></p>
                                <p class="upgrade-id" style="display: none">11</p>
                            </div>
                            <div id="upgrade_p12" class="upgrade" style="grid-row: 1; grid-column: 2" onclick="player.upgrades['p12'].buy()">
                                <p>Bonus to 1st Matter Dimension that decreases over time in this Photonic</p>
                                <p>Current: ×<span id="upgrade_p12_current_effect"></span>
                                <span id="upgrade_p12_next"><br>Next: ×<span id="upgrade_p12_next_effect"></span></span></p>
                                <p id="upgrade_p12_next_cost">Cost: <span id="upgrade_p12_cost"></span></p>
                                <p class="upgrade-id" style="display: none">12</p>
                            </div>
                            <div id="upgrade_p13" class="upgrade" style="grid-row: 1; grid-column: 3" onclick="player.upgrades['p13'].buy()">
                                <p>Matter-antimatter annihilation happens <span class="static-number" extra="2"></span>× faster</p>
                                <p id="upgrade_p13_next_cost">Cost: <span id="upgrade_p13_cost"></span></p>
                                <p class="upgrade-id" style="display: none">13</p>
                            </div>
                            <div id="upgrade_p14" class="upgrade" style="grid-row: 1; grid-column: 4" onclick="player.upgrades['p14'].buy()">
                                <p>Matter-antimatter annihilation produces <span class="static-number" extra="3"></span>× more energy</p>
                                <p id="upgrade_p14_next_cost">Cost: <span id="upgrade_p14_cost"></span></p>
                                <p class="upgrade-id" style="display: none">14</p>
                            </div>
                            <div id="upgrade_p15" class="upgrade" style="grid-row: 1; grid-column: 5" onclick="player.upgrades['p15'].buy()">
                                <p>Multiplier per 1st Matter Dimension becomes <span class="static-number" extra="11"></span>×</p>
                                <p id="upgrade_p15_next_cost">Cost: <span id="upgrade_p15_cost"></span></p>
                                <p class="upgrade-id" style="display: none">15</p>
                            </div>

                            <div id="upgrade_p21" class="upgrade" style="grid-row: 2; grid-column: 1" onclick="player.upgrades['p21'].buy()">
                                <p>Protect some matter and antimatter from annihilation</p>
                                <p>Current: <span id="upgrade_p21_current_effect"></span>
                                <span id="upgrade_p21_next"><br>Next: <span id="upgrade_p21_next_effect"></span></span></p>
                                <p><input id="upgrade_p21_toggle" type="checkbox" onclick="player.upgrades['p21'].update()" checked> Enabled</p>
                                <p id="upgrade_p21_next_cost">Cost: <span id="upgrade_p21_cost"></span></p>
                                <p class="upgrade-id" style="display: none">21</p>
                            </div>
                            <div id="upgrade_p22" class="upgrade" style="grid-row: 2; grid-column: 2" onclick="player.upgrades['p22'].buy()">
                                <p>Improve Photon gain formula</p>
                                <p>x^<span id="upgrade_p22_current_effect"></span>
                                <span id="upgrade_p22_next">➔ x^<span id="upgrade_p22_next_effect"></span></span></p>
                                <p id="upgrade_p22_next_cost">Cost: <span id="upgrade_p22_cost"></span></p>
                                <p class="upgrade-id" style="display: none">22</p>
                            </div>
                            <div id="upgrade_p23" class="upgrade" style="grid-row: 2; grid-column: 3" onclick="player.upgrades['p23'].buy()">
                                <p>Multiplier to Photon gain that grows over time
                                <br>Current: ×<span id="upgrade_p23_current_effect"></span></p>
                                <p id="upgrade_p23_next_cost">Cost: <span id="upgrade_p23_cost"></span></p>
                                <p class="upgrade-id" style="display: none">23</p>
                            </div>
                            <div id="upgrade_p24" class="upgrade" style="grid-row: 2; grid-column: 4" onclick="player.upgrades['p24'].buy()">
                                <p>Multiplier to energy production based on unspent Photons
                                <br>Current: ×<span id="upgrade_p24_current_effect"></span></p>
                                <p id="upgrade_p24_next_cost">Cost: <span id="upgrade_p24_cost"></span></p>
                                <p class="upgrade-id" style="display: none">24</p>
                            </div>
                            <div id="upgrade_p25" class="upgrade" style="grid-row: 2; grid-column: 5" onclick="player.upgrades['p25'].buy()">
                                <p>Multiplier per 2nd Matter Dimension becomes <span class="static-number" extra="29"></span>×</p>
                                <p id="upgrade_p25_next_cost">Cost: <span id="upgrade_p25_cost"></span></p>
                                <p class="upgrade-id" style="display: none">25</p>
                            </div>

                            <div id="upgrade_p31" class="upgrade" style="grid-row: 3; grid-column: 1" onclick="player.upgrades['p31'].buy()">
                                <p>Increase multiplier per Photonic dimension</p>
                                <p>Current: ×<span id="upgrade_p31_current_effect"></span>
                                <span id="upgrade_p31_next"><br>Next: ×<span id="upgrade_p31_next_effect"></span></span></p>
                                <p id="upgrade_p31_next_cost">Cost: <span id="upgrade_p31_cost"></span></p>
                                <p class="upgrade-id" style="display: none">31</p>
                            </div>
                            <div id="upgrade_p32" class="upgrade" style="grid-row: 3; grid-column: 2" onclick="player.upgrades['p32'].buy()">
                                <p>Bonus to all Matter Dimensions based on number of Photonic resets</p>
                                <p>Current: ×<span id="upgrade_p32_current_effect"></span>
                                <span id="upgrade_p32_next"><br>Next: ×<span id="upgrade_p32_next_effect"></span></span></p>
                                <p id="upgrade_p32_next_cost">Cost: <span id="upgrade_p32_cost"></span></p>
                                <p class="upgrade-id" style="display: none">32</p>
                            </div>
                            <div id="upgrade_p33" class="upgrade" style="grid-row: 3; grid-column: 3" onclick="player.upgrades['p33'].buy()">
                                <p>Unlock Tickspeed Upgrades</p>
                                <p id="upgrade_p33_next_cost">Cost: <span id="upgrade_p33_cost"></span></p>
                                <p class="upgrade-id" style="display: none">33</p>
                            </div>
                            <div id="upgrade_p34" class="upgrade" style="grid-row: 3; grid-column: 4" onclick="player.upgrades['p34'].buy()">
                                <p>Bonus to all Matter Dimensions based on unspent Photons
                                <br>Current: ×<span id="upgrade_p34_current_effect"></span></p>
                                <p id="upgrade_p34_next_cost">Cost: <span id="upgrade_p34_cost"></span></p>
                                <p class="upgrade-id" style="display: none">34</p>
                            </div>
                            <div id="upgrade_p35" class="upgrade" style="grid-row: 3; grid-column: 5" onclick="player.upgrades['p35'].buy()">
                                <p>Multiplier per 3rd Matter Dimension becomes <span class="static-number" extra="47"></span>×</p>
                                <p id="upgrade_p35_next_cost">Cost: <span id="upgrade_p35_cost"></span></p>
                                <p class="upgrade-id" style="display: none">35</p>
                            </div>

                            <div id="upgrade_p41" class="upgrade" style="grid-row: 4; grid-column: 1" onclick="player.upgrades['p41'].buy()">
                                <p>Tickspeed Upgrades are more powerful</p>
                                <p>Current: ×<span id="upgrade_p41_current_effect"></span>
                                <span id="upgrade_p41_next"><br>Next: ×<span id="upgrade_p41_next_effect"></span></span></p>
                                <p id="upgrade_p41_next_cost">Cost: <span id="upgrade_p41_cost"></span></p>
                                <p class="upgrade-id" style="display: none">41</p>
                            </div>
                            <div id="upgrade_p42" class="upgrade" style="grid-row: 4; grid-column: 2" onclick="player.upgrades['p42'].buy()">
                                <p>Cost of Tickspeed Upgrades scales slower</p>
                                <p>Current: /<span id="upgrade_p42_current_effect"></span>
                                <span id="upgrade_p42_next"><br>Next: /<span id="upgrade_p42_next_effect"></span></span></p>
                                <p id="upgrade_p42_next_cost">Cost: <span id="upgrade_p42_cost"></span></p>
                                <p class="upgrade-id" style="display: none">42</p>
                            </div>
                            <div id="upgrade_p43" class="upgrade" style="grid-row: 4; grid-column: 3" onclick="player.upgrades['p43'].buy()">
                                <p>Photonic Dimension amounts are not reset upon Photonic</p>
                                <p id="upgrade_p43_next_cost">Cost: <span id="upgrade_p43_cost"></span></p>
                                <p class="upgrade-id" style="display: none">43</p>
                            </div>
                            <div id="upgrade_p44" class="upgrade" style="grid-row: 4; grid-column: 4" onclick="player.upgrades['p44'].buy()">
                                <p>Bonus to all Photonic Dimensions based on unspent Photons
                                <br>Current: ×<span id="upgrade_p44_current_effect"></span></p>
                                <p id="upgrade_p44_next_cost">Cost: <span id="upgrade_p44_cost"></span></p>
                                <p class="upgrade-id" style="display: none">44</p>
                            </div>
                            <div id="upgrade_p45" class="upgrade" style="grid-row: 4; grid-column: 5" onclick="player.upgrades['p45'].buy()">
                                <p>Multiplier per 4th Matter Dimension becomes <span class="static-number" extra="71"></span>×</p>
                                <p id="upgrade_p45_next_cost">Cost: <span id="upgrade_p45_cost"></span></p>
                                <p class="upgrade-id" style="display: none">45</p>
                            </div>

                            <div id="upgrade_p51" class="upgrade" style="grid-row: 5; grid-column: 1" onclick="player.upgrades['p51'].buy()">
                                <p>Each bought Photonic Dimension boosts corresponding Matter Dimension</p>
                                <p>Current: ×<span id="upgrade_p51_current_effect"></span>
                                <span id="upgrade_p51_next"><br>Next: ×<span id="upgrade_p51_next_effect"></span></span></p>
                                <p id="upgrade_p51_next_cost">Cost: <span id="upgrade_p51_cost"></span></p>
                                <p class="upgrade-id" style="display: none">51</p>
                            </div>
                            <div id="upgrade_p52" class="upgrade" style="grid-row: 5; grid-column: 2" onclick="player.upgrades['p52'].buy()">
                                <p>Cost of Photonic Dimensions scales slower</p>
                                <p>Current: /<span id="upgrade_p52_current_effect"></span>
                                <span id="upgrade_p52_next"><br>Next: /<span id="upgrade_p52_next_effect"></span></span></p>
                                <p id="upgrade_p52_next_cost">Cost: <span id="upgrade_p52_cost"></span></p>
                                <p class="upgrade-id" style="display: none">52</p>
                            </div>
                            <div id="upgrade_p53" class="upgrade" style="grid-row: 5; grid-column: 3" onclick="player.upgrades['p53'].buy()">
                                <p>Infrared Wave effect also applies to Photon gain</p>
                                <p id="upgrade_p53_next_cost">Cost: <span id="upgrade_p53_cost"></span></p>
                                <p class="upgrade-id" style="display: none">53</p>
                            </div>
                            <div id="upgrade_p54" class="upgrade" style="grid-row: 5; grid-column: 4" onclick="player.upgrades['p54'].buy()">
                                <p>Start Photonic resets with <span class="static-number" extra="1e9"></span> matter</p>
                                <p><input id="upgrade_p54_toggle" type="checkbox" onclick="player.upgrades['p54'].update()" checked> Enabled</p>
                                <p id="upgrade_p54_next_cost">Cost: <span id="upgrade_p54_cost"></span></p>
                                <p class="upgrade-id" style="display: none">54</p>
                            </div>
                            <div id="upgrade_p55" class="upgrade" style="grid-row: 5; grid-column: 5" onclick="player.upgrades['p55'].buy()">
                                <p>Multiplier per all other Matter Dimensions becomes <span class="static-number" extra="97"></span>×</p>
                                <p id="upgrade_p55_next_cost">Cost: <span id="upgrade_p55_cost"></span></p>
                                <p class="upgrade-id" style="display: none">55</p>
                            </div>
                        </div>
                    </div>

                    <div id="photonic_challenges" class="challenge-page" style="display: none;">
                        <p>You need to get a certain amount of matter to complete Photonic challenges.<br>
                        You automatically leave your Photonic challenges on Gravitonic or higher resets.</p>
                        <div class="challenge-card" id="challenge_p1">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_p1_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Antimatter does not grow.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="100"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> unlock a new Gravitonic upgrade!</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_p1_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_p1_button" onclick="player.challenges['p1'].click()"><p id="challenge_p1_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_p2">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_p2_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Matter-antimatter annihilation does not produce energy. You still can go Photonic if you have zero Matter or zero Antimatter, but you will only gain 1 Photon regardless of any multipliers.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="729"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> unlock a new Gravitonic upgrade!</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_p2_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_p2_button" onclick="player.challenges['p2'].click()"><p id="challenge_p2_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_p3">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_p3_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> 1st Photonic Dimensions produce 1st Matter Dimensions instead of Light, and are not affected by most production boosts.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="1024"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> unlock a new Gravitonic upgrade!</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_p3_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_p3_button" onclick="player.challenges['p3'].click()"><p id="challenge_p3_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_p4">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_p4_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Light decreases time speed (less powerful with more time speed upgrades).</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="123456789"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> unlock a new Gravitonic upgrade!</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_p4_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_p4_button" onclick="player.challenges['p4'].click()"><p id="challenge_p4_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_p5">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_p5_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Only the first row of Photonic upgrades is available.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="123456789"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> unlock a new Gravitonic upgrade!</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_p5_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_p5_button" onclick="player.challenges['p5'].click()"><p id="challenge_p5_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_p6">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_p6_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Photonic resets all Photonic upgrades. Entering this challenge resets your Photonic upgrades.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="1e40"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> unlock a new Gravitonic upgrade!</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_p6_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_p6_button" onclick="player.challenges['p6'].click()"><p id="challenge_p6_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_p7">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_p7_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Time is an additional 256× slower, but time speed upgrade is more powerful.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="1e144"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> unlock a new Gravitonic upgrade!</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_p7_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_p7_button" onclick="player.challenges['p7'].click()"><p id="challenge_p7_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_p8">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_p8_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> You cannot perform Photonic resets. You cannot gain Photons by any means.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="9.223e18"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> unlock a new Gravitonic upgrade!</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_p8_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_p8_button" onclick="player.challenges['p8'].click()"><p id="challenge_p8_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_p0">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_p0_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> All Photonic challenges at once.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="1e30"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> always keep Photonic upgrades on resets.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_p0_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_p0_button" onclick="player.challenges['p0'].click()"><p id="challenge_p0_button_text"></p></div>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="layer-info" id="section_gravitonic" style="display: none;">
                    <div id="gravitonic_dimensions" class="dimension-list" style="display: none;">
                        <p class="achievement-bonus" style="text-align: left;">You have <span id="resource_black_holes" class="large-number"></span> Black Holes, which give you the following bonuses:</span></p>
                        <p>×<span class="power_black_holes_tickspeed" style="font-weight: bold;"></span> to the Tickspeed Upgrade power
                        <span id="power_black_holes_gravitons_info"><br>+<span class="power_black_holes_gravitons" style="font-weight: bold;"></span> Gravitons upon reset</span>
                        <span id="power_black_holes_resource_limit_info"><br>×<span class="power_black_holes_resource_limit" style="font-weight: bold;"></span> to resource limit</span></p>
                        <div class="autobuyer-toggle-wrapper">
                            <div class="setting-button autobuyer-toggle" layer="gravitonic" onclick="toggle_autobuyers(this.attributes.layer.value)"><p>Toggle all</p></div>
                        </div>
                        <div id="dimension_gravitonic_1" class="dimension">
                            <p class="dimension-name">1st Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_1_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_1_amt"></span> (<span id="dimension_gravitonic_1_bought"></span>)</p>
                            <div id="dimension_gravitonic_1_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_1'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_1_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_1" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_1_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_1'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_2" class="dimension">
                            <p class="dimension-name">2nd Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_2_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_2_amt"></span> (<span id="dimension_gravitonic_2_bought"></span>)</p>
                            <div id="dimension_gravitonic_2_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_2'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_2_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_2" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_2_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_2'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_3" class="dimension">
                            <p class="dimension-name">3rd Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_3_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_3_amt"></span> (<span id="dimension_gravitonic_3_bought"></span>)</p>
                            <div id="dimension_gravitonic_3_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_3'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_3_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_3" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_3_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_3'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_4" class="dimension">
                            <p class="dimension-name">4th Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_4_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_4_amt"></span> (<span id="dimension_gravitonic_4_bought"></span>)</p>
                            <div id="dimension_gravitonic_4_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_4'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_4_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_4" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_4_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_4'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_5" class="dimension">
                            <p class="dimension-name">5th Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_5_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_5_amt"></span> (<span id="dimension_gravitonic_5_bought"></span>)</p>
                            <div id="dimension_gravitonic_5_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_5'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_5_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_5" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_5_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_5'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_6" class="dimension">
                            <p class="dimension-name">6th Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_6_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_6_amt"></span> (<span id="dimension_gravitonic_6_bought"></span>)</p>
                            <div id="dimension_gravitonic_6_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_6'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_6_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_6" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_6_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_6'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_7" class="dimension">
                            <p class="dimension-name">7th Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_7_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_7_amt"></span> (<span id="dimension_gravitonic_7_bought"></span>)</p>
                            <div id="dimension_gravitonic_7_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_7'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_7_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_7" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_7_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_7'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_8" class="dimension">
                            <p class="dimension-name">8th Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_8_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_8_amt"></span> (<span id="dimension_gravitonic_8_bought"></span>)</p>
                            <div id="dimension_gravitonic_8_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_8'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_8_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_8" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_8_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_8'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_9" class="dimension">
                            <p class="dimension-name">9th Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_9_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_9_amt"></span> (<span id="dimension_gravitonic_9_bought"></span>)</p>
                            <div id="dimension_gravitonic_9_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_9'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_9_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_9" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_9_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_9'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_10" class="dimension">
                            <p class="dimension-name">10th Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_10_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_10_amt"></span> (<span id="dimension_gravitonic_10_bought"></span>)</p>
                            <div id="dimension_gravitonic_10_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_10'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_10_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_10" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_10_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_10'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_11" class="dimension">
                            <p class="dimension-name">11th Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_11_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_11_amt"></span> (<span id="dimension_gravitonic_11_bought"></span>)</p>
                            <div id="dimension_gravitonic_11_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_11'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_11_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_11" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_11_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_11'].update_params()"></div>
                        </div>
                        <div id="dimension_gravitonic_12" class="dimension">
                            <p class="dimension-name">12th Gravitonic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_gravitonic_12_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_gravitonic_12_amt"></span> (<span id="dimension_gravitonic_12_bought"></span>)</p>
                            <div id="dimension_gravitonic_12_buy" class="dimension-cost" onclick="player.dimensions['gravitonic_12'].buy()">
                                <p>Cost: <span id="dimension_gravitonic_12_cost"></span></p>
                            </div>
                            <div id="autobuyer_gravitonic_12" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_gravitonic_12_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_12'].update_params()"></div>
                        </div>
                    </div>

                    <div id="gravitonic_upgrades">
                        <p class="achievement-bonus">You have <span class="prestige_currency_gravitonic large-number"></span> Gravitons.</p>
                        <p class="achievement-bonus">If you had no Gravitons, your current matter could get you <span id="matter_needed_to_retain_gravitons" style="font-weight: bold"></span> Gravitons.</p>
                        <div style="margin: 5px; margin-left: 37.5%; margin-right: 37.5%; display: flex; flex-direction: row; gap: 5px; align-items: center">
                            <div id="upgrades_gravitonic_buy_max" class="dimension-cost" onclick="max_buy_upgrades('g')" style="flex-grow: 1">
                                <p>Buy max (M)</p>
                            </div>
                            <div id="autobuyer_gravitonic_upgrades" style="display: none"><input id="autobuyer_gravitonic_upgrades_toggle" type="checkbox" onclick="player.autobuyers['gravitonic_upgrades'].update_params()"></div>
                        </div>
                        <div class="upgrade-list-gravitonic">
                            <div id="block_gravitonic_0" class="frame-deco-gravitonic" style="grid-row: 2 / 18; grid-column: 1 / 15"></div>
                            <div id="block_gravitonic_1" class="frame-deco-gravitonic" style="grid-row: 4 / 10; grid-column: 2 / 8"></div>
                            <div id="block_gravitonic_2" class="frame-deco-gravitonic" style="grid-row: 4 / 10; grid-column: 8 / 14"></div>
                            <div id="block_gravitonic_3" class="frame-deco-gravitonic" style="grid-row: 11 / 17; grid-column: 2 / 8"></div>
                            <div id="block_gravitonic_4" class="frame-deco-gravitonic" style="grid-row: 11 / 17; grid-column: 8 / 14"></div>

                            <div id="upgrade_g01" class="upgrade" style="grid-row: 1 / 3; grid-column: 6 / 10" onclick="player.upgrades['g01'].buy()">
                                <p>Gain Photons on Gravitonic and upon buying this upgrade (based on unlocked layers)
                                <br>Current: <span id="upgrade_g01_next_effect"></span></p>
                                <p id="upgrade_g01_next_cost">Cost: <span id="upgrade_g01_cost"></span></p>
                                <p class="upgrade-id" style="display: none">00</p>
                            </div>

                            <div id="upgrade_g10" class="upgrade" style="grid-row: 3 / 5; grid-column: 4 / 6" onclick="player.upgrades['g10'].buy()">
                                <p>Production below ×<span class="static-number" extra="10"></span> is not raised to a power</p>
                                <p id="upgrade_g10_next_cost">Cost: <span id="upgrade_g10_cost"></span></p>
                                <p class="upgrade-id" style="display: none">10</p>
                            </div>
                            <div id="upgrade_g11" class="upgrade" style="grid-row: 5 / 7; grid-column: 3 / 5" onclick="player.upgrades['g11'].buy()">
                                <p>Power is increased based on unspent Gravitons
                                <br>x^<span class="static-number" extra="0.2"></span> ➔ x^<span id="upgrade_g11_next_effect"></span></p>
                                <p id="upgrade_g11_next_cost">Cost: <span id="upgrade_g11_cost"></span></p>
                                <p class="upgrade-id" style="display: none">11</p>
                            </div>
                            <div id="upgrade_g12" class="upgrade" style="grid-row: 5 / 7; grid-column: 5 / 7" onclick="player.upgrades['g12'].buy()">
                                <p>Protect more production from being reduced</p>
                                <p>Current: <span id="upgrade_g12_current_effect"></span>
                                <span id="upgrade_g12_next"><br>Next: <span id="upgrade_g12_next_effect"></span></span></p>
                                <p id="upgrade_g12_next_cost">Cost: <span id="upgrade_g12_cost"></span></p>
                                <p class="upgrade-id" style="display: none">12</p>
                            </div>
                            <div id="upgrade_g13" class="upgrade" style="grid-row: 7 / 9; grid-column: 3 / 5" onclick="player.upgrades['g13'].buy()">
                                <p>Antimatter grows faster</p>
                                <p>Current: ×<span id="upgrade_g13_current_effect"></span>
                                <span id="upgrade_g13_next"><br>Next: ×<span id="upgrade_g13_next_effect"></span></span></p>
                                <p><input id="upgrade_g13_toggle" type="checkbox" onclick="player.upgrades['g13'].update()" checked> Enabled</p>
                                <p id="upgrade_g13_next_cost">Cost: <span id="upgrade_g13_cost"></span></p>
                                <p class="upgrade-id" style="display: none">13</p>
                            </div>
                            <div id="upgrade_g14" class="upgrade" style="grid-row: 7 / 9; grid-column: 5 / 7" onclick="player.upgrades['g14'].buy()">
                                <p>Matter-antimatter annihilation produces even more energy</p>
                                <p>Current: ×<span id="upgrade_g14_current_effect"></span>
                                <span id="upgrade_g14_next"><br>Next: ×<span id="upgrade_g14_next_effect"></span></span></p>
                                <p id="upgrade_g14_next_cost">Cost: <span id="upgrade_g14_cost"></span></p>
                                <p class="upgrade-id" style="display: none">14</p>
                            </div>

                            <div id="upgrade_g20" class="upgrade" style="grid-row: 3 / 5; grid-column: 10 / 12" onclick="player.upgrades['g20'].buy()">
                                <p>Unlock Photonic Dimensions</p>
                                <p id="upgrade_g20_next_cost">Cost: <span id="upgrade_g20_cost"></span></p>
                                <p class="upgrade-id" style="display: none">20</p>
                            </div>
                            <div id="upgrade_g21" class="upgrade" style="grid-row: 5 / 7; grid-column: 9 / 11" onclick="player.upgrades['g21'].buy()">
                                <p>Photonic dimensions produce more based on unspent Gravitons
                                <br>Current: ×<span id="upgrade_g21_current_effect"></span></p>
                                <p id="upgrade_g21_next_cost">Cost: <span id="upgrade_g21_cost"></span></p>
                                <p class="upgrade-id" style="display: none">21</p>
                            </div>
                            <div id="upgrade_g22" class="upgrade" style="grid-row: 5 / 7; grid-column: 11 / 13" onclick="player.upgrades['g22'].buy()">
                                <p>Light decreases the amount of matter needed to get a Graviton
                                <br>Current: /<span id="upgrade_g22_current_effect"></span></p>
                                <p id="upgrade_g22_next_cost">Cost: <span id="upgrade_g22_cost"></span></p>
                                <p class="upgrade-id" style="display: none">22</p>
                            </div>
                            <div id="upgrade_g23" class="upgrade" style="grid-row: 7 / 9; grid-column: 9 / 11" onclick="player.upgrades['g23'].buy()">
                                <p>Light also affects 2nd Matter Dimension</p>
                                <p id="upgrade_g23_next_cost">Cost: <span id="upgrade_g23_cost"></span></p>
                                <p class="upgrade-id" style="display: none">23</p>
                            </div>
                            <div id="upgrade_g24" class="upgrade" style="grid-row: 7 / 9; grid-column: 11 / 13" onclick="player.upgrades['g24'].buy()">
                                <p>Light increases time speed (less powerful with more time speed upgrades)
                                <br>Current: ×<span id="upgrade_g24_current_effect"></span></p>
                                <p id="upgrade_g24_next_cost">Cost: <span id="upgrade_g24_cost"></span></p>
                                <p class="upgrade-id" style="display: none">24</p>
                            </div>

                            <div id="upgrade_g30" class="upgrade" style="grid-row: 10 / 12; grid-column: 4 / 6" onclick="player.upgrades['g30'].buy()">
                                <p>Reduce matter requirement for Gravitonic resets
                                <br><span class="static-number" extra="10"></span>^x ➔ <span class="static-number" extra="9"></span>^x</p>
                                <p id="upgrade_g30_next_cost">Cost: <span id="upgrade_g30_cost"></span></p>
                                <p class="upgrade-id" style="display: none">30</p>
                            </div>
                            <div id="upgrade_g31" class="upgrade" style="grid-row: 12 / 14; grid-column: 3 / 5" onclick="player.upgrades['g31'].buy()">
                                <p>You gain <span class="static-number" extra="10"></span>% more Gravitons from resets</p>
                                <p id="upgrade_g31_next_cost">Cost: <span id="upgrade_g31_cost"></span></p>
                                <p class="upgrade-id" style="display: none">31</p>
                            </div>
                            <div id="upgrade_g32" class="upgrade" style="grid-row: 12 / 14; grid-column: 5 / 7" onclick="player.upgrades['g32'].buy()">
                                <p>Reduce matter requirement for Gravitonic resets even more</p>
                                <p>Current: <span id="upgrade_g32_current_effect"></span>^x
                                <span id="upgrade_g32_next"><br>Next: <span id="upgrade_g32_next_effect"></span>^x</span></p>
                                <p id="upgrade_g32_next_cost">Cost: <span id="upgrade_g32_cost"></span></p>
                                <p class="upgrade-id" style="display: none">32</p>
                            </div>
                            <div id="upgrade_g33" class="upgrade" style="grid-row: 14 / 16; grid-column: 3 / 5" onclick="player.upgrades['g33'].buy()">
                                <p>Photonic upgrades past the first row are cheaper</p>
                                <p id="upgrade_g33_next_cost">Cost: <span id="upgrade_g33_cost"></span></p>
                                <p class="upgrade-id" style="display: none">33</p>
                            </div>
                            <div id="upgrade_g34" class="upgrade" style="grid-row: 14 / 16; grid-column: 5 / 7" onclick="player.upgrades['g34'].buy()">
                                <p>Multiplier to Photon production based on unspent Gravitons
                                <br>Current: ×<span id="upgrade_g34_current_effect"></span></p>
                                <p id="upgrade_g34_next_cost">Cost: <span id="upgrade_g34_cost"></span></p>
                                <p class="upgrade-id" style="display: none">34</p>
                            </div>

                            <div id="upgrade_g40" class="upgrade" style="grid-row: 10 / 12; grid-column: 10 / 12" onclick="player.upgrades['g40'].buy()">
                                <p>Unlock Photonic Challenges</p>
                                <p id="upgrade_g40_next_cost">Cost: <span id="upgrade_g40_cost"></span></p>
                                <p class="upgrade-id" style="display: none">40</p>
                            </div>
                            <div id="upgrade_g41" class="upgrade" style="grid-row: 12 / 14; grid-column: 9 / 11" onclick="player.upgrades['g41'].buy()">
                                <p>Unlock 1st Matter Dimension autobuyer</p>
                                <p id="upgrade_g41_next_cost">Cost: <span id="upgrade_g41_cost"></span></p>
                                <p class="upgrade-id" style="display: none">41</p>
                            </div>
                            <div id="upgrade_g42" class="upgrade" style="grid-row: 12 / 14; grid-column: 11 / 13" onclick="player.upgrades['g42'].buy()">
                                <p>Unlock Photonic reset autobuyer</p>
                                <p id="upgrade_g42_next_cost">Cost: <span id="upgrade_g42_cost"></span></p>
                                <p class="upgrade-id" style="display: none">42</p>
                            </div>
                            <div id="upgrade_g43" class="upgrade" style="grid-row: 14 / 16; grid-column: 9 / 11" onclick="player.upgrades['g43'].buy()">
                                <p>Time speed upgrade is twice as powerful</p>
                                <p id="upgrade_g43_next_cost">Cost: <span id="upgrade_g43_cost"></span></p>
                                <p class="upgrade-id" style="display: none">43</p>
                            </div>
                            <div id="upgrade_g44" class="upgrade" style="grid-row: 14 / 16; grid-column: 11 / 13" onclick="player.upgrades['g44'].buy()">
                                <p>Gain <span class="static-number" extra="100"></span>% of Photons upon reset per second</p>
                                <p id="upgrade_g44_next_cost">Cost: <span id="upgrade_g44_cost"></span></p>
                                <p class="upgrade-id" style="display: none">44</p>
                            </div>

                            <div id="pc1_unlock_upgrade" class="gravitonic-replacement-upgrade" style="grid-row: 7 / 9; grid-column: 3 / 5"><p>Beat Photonic Challenge 1 to unlock!</p></div>
                            <div id="pc2_unlock_upgrade" class="gravitonic-replacement-upgrade" style="grid-row: 7 / 9; grid-column: 5 / 7"><p>Beat Photonic Challenge 2 to unlock!</p></div>
                            <div id="pc3_unlock_upgrade" class="gravitonic-replacement-upgrade" style="grid-row: 7 / 9; grid-column: 9 / 11"><p>Beat Photonic Challenge 3 to unlock!</p></div>
                            <div id="pc4_unlock_upgrade" class="gravitonic-replacement-upgrade" style="grid-row: 7 / 9; grid-column: 11 / 13"><p>Beat Photonic Challenge 4 to unlock!</p></div>
                            <div id="pc5_unlock_upgrade" class="gravitonic-replacement-upgrade" style="grid-row: 14 / 16; grid-column: 3 / 5"><p>Beat Photonic Challenge 5 to unlock!</p></div>
                            <div id="pc6_unlock_upgrade" class="gravitonic-replacement-upgrade" style="grid-row: 14 / 16; grid-column: 5 / 7"><p>Beat Photonic Challenge 6 to unlock!</p></div>
                            <div id="pc7_unlock_upgrade" class="gravitonic-replacement-upgrade" style="grid-row: 14 / 16; grid-column: 9 / 11"><p>Beat Photonic Challenge 7 to unlock!</p></div>
                            <div id="pc8_unlock_upgrade" class="gravitonic-replacement-upgrade" style="grid-row: 14 / 16; grid-column: 11 / 13"><p>Beat Photonic Challenge 8 to unlock!</p></div>
                        </div>
                    </div>

                    <div id="gravitonic_challenges" class="challenge-page" style="display: none;">
                        <p>You need to get <span class="static-number" extra="100"></span> Gravitons to complete Gravitonic challenges.<br>
                        You automatically leave your Gravitonic challenges on Neutronic or higher resets.<br>
                        Gravitonic Challenges are <b>not</b> ordered by difficulty.</p>
                        <div class="challenge-card" id="challenge_g1">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_g1_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> The upper-left block of Gravitonic upgrades is disabled.</p>
                                <p><span style="font-weight: bold;">Reward:</span> all Gravitonic upgrades in the upper-left block are <span class="static-number" extra="10"></span>% more powerful.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_g1_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_g1_button" onclick="player.challenges['g1'].click()"><p id="challenge_g1_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_g2">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_g2_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> The upper-right block of Gravitonic upgrades is disabled.</p>
                                <p><span style="font-weight: bold;">Reward:</span> the Gravitonic upgrade in the upper-right block that is based on unspent Gravitons is twice as powerful.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_g2_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_g2_button" onclick="player.challenges['g2'].click()"><p id="challenge_g2_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_g3">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_g3_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> The lower-left block of Gravitonic upgrades is disabled.</p>
                                <p><span style="font-weight: bold;">Reward:</span> gain <span class="static-number" extra="5"></span>% more Gravitons from Gravitonic resets.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_g3_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_g3_button" onclick="player.challenges['g3'].click()"><p id="challenge_g3_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_g4">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_g4_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> The lower-right block of Gravitonic upgrades is disabled.</p>
                                <p><span style="font-weight: bold;">Reward:</span> unlock all Matter Dimension autobuyers if 1st Matter Dimension autobuyer is unlocked.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_g4_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_g4_button" onclick="player.challenges['g4'].click()"><p id="challenge_g4_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_g5">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_g5_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> You gain <span class="static-number" extra="-10"></span> free Tickspeed Upgrades, even if they are not unlocked.</p>
                                <p><span style="font-weight: bold;">Reward:</span> gain a free Tickspeed Upgrade, even if they are not unlocked.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_g5_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_g5_button" onclick="player.challenges['g5'].click()"><p id="challenge_g5_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_g6">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_g6_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Gravitonic resets all Gravitonic upgrades. Entering this challenge resets your Gravitonic upgrades.</p>
                                <p><span style="font-weight: bold;">Reward:</span> the cost of repeatable Gravitonic upgrades scales <span class="static-number" extra="10"></span>% slower.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_g6_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_g6_button" onclick="player.challenges['g6'].click()"><p id="challenge_g6_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_g7">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_g7_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Graviton gain is raised to a power of <span class="static-number" extra="0.7"></span>.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Graviton gain is raised to a power of <span class="static-number" extra="1.05"></span>.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_g7_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_g7_button" onclick="player.challenges['g7'].click()"><p id="challenge_g7_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_g8">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_g8_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Upon any reset, effects of Gravitonic upgrades are reset and gradually come back in the span of 30 seconds.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Gravitonic upgrades are <span class="static-number" extra="8"></span>% more powerful in the first 30 seconds of a reset.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_g8_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_g8_button" onclick="player.challenges['g8'].click()"><p id="challenge_g8_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_g0">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_g0_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> All Gravitonic challenges at once.</p>
                                <p><span style="font-weight: bold;">Reward:</span> always keep Gravitonic upgrades on resets.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_g0_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_g0_button" onclick="player.challenges['g0'].click()"><p id="challenge_g0_button_text"></p></div>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="layer-info" id="section_neutronic" style="display: none;">
                    <div id="neutronic_dimensions" class="dimension-list" style="display: none;">
                        <p class="achievement-bonus" style="text-align: left;">You have <span id="resource_stars" class="large-number"></span> Stars, which give you the following bonuses:</span></p>
                        <p>+<span class="power_stars_tickspeed" style="font-weight: bold;"></span> free Tickspeed Upgrades
                        <br>^<span class="power_stars_light_effect" style="font-weight: bold;"></span> to the Light effect on Matter Dimensions
                        <span id="power_stars_photonic_dim_info"><br>×<span class="power_stars_photonic_dim" style="font-weight: bold;"></span> to 1st Photonic Dimension</span>
                        <span id="power_stars_black_holes_info"><br>+<span class="power_stars_black_holes" style="font-weight: bold;"></span> Black Holes every second</span></p>
                        <div class="autobuyer-toggle-wrapper">
                            <div class="setting-button autobuyer-toggle" layer="neutronic" onclick="toggle_autobuyers(this.attributes.layer.value)"><p>Toggle all</p></div>
                        </div>
                        <div id="dimension_neutronic_1" class="dimension">
                            <p class="dimension-name">1st Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_1_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_1_amt"></span> (<span id="dimension_neutronic_1_bought"></span>)</p>
                            <div id="dimension_neutronic_1_buy" class="dimension-cost" onclick="player.dimensions['neutronic_1'].buy()">
                                <p>Cost: <span id="dimension_neutronic_1_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_1" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_1_toggle" type="checkbox" onclick="player.autobuyers['neutronic_1'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_2" class="dimension">
                            <p class="dimension-name">2nd Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_2_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_2_amt"></span> (<span id="dimension_neutronic_2_bought"></span>)</p>
                            <div id="dimension_neutronic_2_buy" class="dimension-cost" onclick="player.dimensions['neutronic_2'].buy()">
                                <p>Cost: <span id="dimension_neutronic_2_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_2" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_2_toggle" type="checkbox" onclick="player.autobuyers['neutronic_2'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_3" class="dimension">
                            <p class="dimension-name">3rd Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_3_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_3_amt"></span> (<span id="dimension_neutronic_3_bought"></span>)</p>
                            <div id="dimension_neutronic_3_buy" class="dimension-cost" onclick="player.dimensions['neutronic_3'].buy()">
                                <p>Cost: <span id="dimension_neutronic_3_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_3" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_3_toggle" type="checkbox" onclick="player.autobuyers['neutronic_3'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_4" class="dimension">
                            <p class="dimension-name">4th Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_4_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_4_amt"></span> (<span id="dimension_neutronic_4_bought"></span>)</p>
                            <div id="dimension_neutronic_4_buy" class="dimension-cost" onclick="player.dimensions['neutronic_4'].buy()">
                                <p>Cost: <span id="dimension_neutronic_4_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_4" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_4_toggle" type="checkbox" onclick="player.autobuyers['neutronic_4'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_5" class="dimension">
                            <p class="dimension-name">5th Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_5_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_5_amt"></span> (<span id="dimension_neutronic_5_bought"></span>)</p>
                            <div id="dimension_neutronic_5_buy" class="dimension-cost" onclick="player.dimensions['neutronic_5'].buy()">
                                <p>Cost: <span id="dimension_neutronic_5_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_5" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_5_toggle" type="checkbox" onclick="player.autobuyers['neutronic_5'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_6" class="dimension">
                            <p class="dimension-name">6th Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_6_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_6_amt"></span> (<span id="dimension_neutronic_6_bought"></span>)</p>
                            <div id="dimension_neutronic_6_buy" class="dimension-cost" onclick="player.dimensions['neutronic_6'].buy()">
                                <p>Cost: <span id="dimension_neutronic_6_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_6" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_6_toggle" type="checkbox" onclick="player.autobuyers['neutronic_6'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_7" class="dimension">
                            <p class="dimension-name">7th Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_7_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_7_amt"></span> (<span id="dimension_neutronic_7_bought"></span>)</p>
                            <div id="dimension_neutronic_7_buy" class="dimension-cost" onclick="player.dimensions['neutronic_7'].buy()">
                                <p>Cost: <span id="dimension_neutronic_7_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_7" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_7_toggle" type="checkbox" onclick="player.autobuyers['neutronic_7'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_8" class="dimension">
                            <p class="dimension-name">8th Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_8_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_8_amt"></span> (<span id="dimension_neutronic_8_bought"></span>)</p>
                            <div id="dimension_neutronic_8_buy" class="dimension-cost" onclick="player.dimensions['neutronic_8'].buy()">
                                <p>Cost: <span id="dimension_neutronic_8_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_8" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_8_toggle" type="checkbox" onclick="player.autobuyers['neutronic_8'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_9" class="dimension">
                            <p class="dimension-name">9th Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_9_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_9_amt"></span> (<span id="dimension_neutronic_9_bought"></span>)</p>
                            <div id="dimension_neutronic_9_buy" class="dimension-cost" onclick="player.dimensions['neutronic_9'].buy()">
                                <p>Cost: <span id="dimension_neutronic_9_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_9" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_9_toggle" type="checkbox" onclick="player.autobuyers['neutronic_9'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_10" class="dimension">
                            <p class="dimension-name">10th Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_10_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_10_amt"></span> (<span id="dimension_neutronic_10_bought"></span>)</p>
                            <div id="dimension_neutronic_10_buy" class="dimension-cost" onclick="player.dimensions['neutronic_10'].buy()">
                                <p>Cost: <span id="dimension_neutronic_10_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_10" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_10_toggle" type="checkbox" onclick="player.autobuyers['neutronic_10'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_11" class="dimension">
                            <p class="dimension-name">11th Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_11_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_11_amt"></span> (<span id="dimension_neutronic_11_bought"></span>)</p>
                            <div id="dimension_neutronic_11_buy" class="dimension-cost" onclick="player.dimensions['neutronic_11'].buy()">
                                <p>Cost: <span id="dimension_neutronic_11_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_11" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_11_toggle" type="checkbox" onclick="player.autobuyers['neutronic_11'].update_params()"></div>
                        </div>
                        <div id="dimension_neutronic_12" class="dimension">
                            <p class="dimension-name">12th Neutronic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_neutronic_12_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_neutronic_12_amt"></span> (<span id="dimension_neutronic_12_bought"></span>)</p>
                            <div id="dimension_neutronic_12_buy" class="dimension-cost" onclick="player.dimensions['neutronic_12'].buy()">
                                <p>Cost: <span id="dimension_neutronic_12_cost"></span></p>
                            </div>
                            <div id="autobuyer_neutronic_12" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_neutronic_12_toggle" type="checkbox" onclick="player.autobuyers['neutronic_12'].update_params()"></div>
                        </div>
                    </div>

                    <div id="neutronic_upgrades">
                        <p class="achievement-bonus">You have <span class="prestige_currency_neutronic large-number"></span> Neutrons.</p>
                        <div style="margin: 5px; margin-left: 33.5%; margin-right: 33.5%; display: flex; flex-direction: row; gap: 5px; align-items: center">
                            <div id="upgrades_neutronic_buy_max" class="dimension-cost" onclick="max_buy_upgrades('n')" style="flex-grow: 1">
                                <p>Buy max (M)</p>
                            </div>
                            <div id="autobuyer_neutronic_upgrades" style="display: none"><input id="autobuyer_neutronic_upgrades_toggle" type="checkbox" onclick="player.autobuyers['neutronic_upgrades'].update_params()"></div>
                        </div>
                        <div class="upgrade-list-neutronic">
                            <div id="upgrade_n01" class="upgrade" style="grid-row: 1; grid-column: 5 / 9" onclick="player.upgrades['n01'].buy()">
                                <p>Gain Gravitons on Neutronic and upon buying this upgrade (based on unlocked layers)
                                <br>Current: <span id="upgrade_n01_next_effect"></span></p>
                                <p id="upgrade_n01_next_cost">Cost: <span id="upgrade_n01_cost"></span></p>
                                <p class="upgrade-id" style="display: none">11</p>
                            </div>
                            <div id="upgrade_n02" class="upgrade" style="grid-row: 2; grid-column: 3 / 7" onclick="player.upgrades['n02'].buy()">
                                <p>Reduce the slowdown of higher-tier dimensions</p>
                                <p>Current: <span id="upgrade_n02_current_effect"></span>×
                                <span id="upgrade_n02_next"><br>Next: <span id="upgrade_n02_next_effect"></span>×</span></p>
                                <p id="upgrade_n02_next_cost">Cost: <span id="upgrade_n02_cost"></span></p>
                                <p class="upgrade-id" style="display: none">21</p>
                            </div>
                            <div id="upgrade_n03" class="upgrade" style="grid-row: 2; grid-column: 7 / 11" onclick="player.upgrades['n03'].buy()">
                                <p>Reduce the number of dimensions required for Neutronic resets</p>
                                <p>Current: <span id="upgrade_n03_current_effect"></span>
                                <span id="upgrade_n03_next"><br>Next: <span id="upgrade_n03_next_effect"></span></span></p>
                                <p id="upgrade_n03_next_cost">Cost: <span id="upgrade_n03_cost"></span></p>
                                <p class="upgrade-id" style="display: none">22</p>
                            </div>
                            <div id="upgrade_n04" class="upgrade" style="grid-row: 3; grid-column: 1 / 5" onclick="player.upgrades['n04'].buy()">
                                <p>Unlock the third row of Photonic upgrades, and unlock Protons</p>
                                <p id="upgrade_n04_next_cost">Cost: <span id="upgrade_n04_cost"></span></p>
                                <p class="upgrade-id" style="display: none">31</p>
                            </div>
                            <div id="upgrade_n05" class="upgrade" style="grid-row: 3; grid-column: 5 / 9" onclick="player.upgrades['n05'].buy()">
                                <p>Keep Photonic upgrades on Gravitonic resets, and unlock Electrons</p>
                                <p id="upgrade_n05_next_cost">Cost: <span id="upgrade_n05_cost"></span></p>
                                <p class="upgrade-id" style="display: none">32</p>
                            </div>
                            <div id="upgrade_n06" class="upgrade" style="grid-row: 3; grid-column: 9 / 13" onclick="player.upgrades['n06'].buy()">
                                <p>Boosts from unspent Gravitons are based on maximum Gravitons ever instead, and unlock W-Bosons</p>
                                <p id="upgrade_n06_next_cost">Cost: <span id="upgrade_n06_cost"></span></p>
                                <p class="upgrade-id" style="display: none">33</p>
                            </div>

                            <div id="power_block_proton" class="neutronic-block-matter" style="grid-row: 4 / 14; grid-column: 1 / 5"></div>
                            <div id="power_block_electron" class="neutronic-block-photonic" style="grid-row: 4 / 14; grid-column: 5 / 9"></div>
                            <div id="power_block_boson" class="neutronic-block-gravitonic" style="grid-row: 4 / 14; grid-column: 9 / 13"></div>
                        
                            <div id="dimension_protons" style="grid-row: 5; grid-column: 2 / 4">
                                <p class="small-header">You have <span id="dimension_protons_amt" class="large-number neutronic-number-matter"></span> Protons</p> 
                                <div id="dimension_protons_buy" class="dimension-cost" onclick="player.dimensions['protons'].buy()">
                                    <p>Decay Neutrons into a Proton</p>
                                    <p>Cost: <span id="dimension_protons_cost"></span></p>
                                </div>
                                <div style="margin-top: 5px; display: flex; flex-direction: row; gap: 5px; align-items: center">
                                    <div id="dimension_protons_buy_max" class="dimension-cost" onclick="player.dimensions['protons'].buy(player.dimensions['protons'].binary_search_max())" style="flex-grow: 1">
                                        <p>Buy max</p>
                                    </div>
                                    <div id="autobuyer_protons" style="display: none"><input id="autobuyer_protons_toggle" type="checkbox" onclick="player.autobuyers['protons'].update_params()"></div>
                                </div>
                                <p class="achievement-bonus">You have <span id="resource_proton_power" class="large-number neutronic-number-matter"></span> Proton Power<br>
                                (+<span id="dimension_protons_prod"></span>/s)</p>  
                            </div>

                            <div id="dimension_electrons" style="grid-row: 5; grid-column: 6 / 8">
                                <p class="small-header">You have <span id="dimension_electrons_amt" class="large-number neutronic-number-photonic"></span> Electrons</p> 
                                <div id="dimension_electrons_buy" class="dimension-cost" onclick="player.dimensions['electrons'].buy()">
                                    <p>Decay Neutrons into an Electron</p>
                                    <p>Cost: <span id="dimension_electrons_cost"></span></p>
                                </div>
                                <div style="margin-top: 5px; display: flex; flex-direction: row; gap: 5px; align-items: center">
                                    <div id="dimension_electrons_buy_max" class="dimension-cost" onclick="player.dimensions['electrons'].buy(player.dimensions['electrons'].binary_search_max())" style="flex-grow: 1">
                                        <p>Buy max</p>
                                    </div>
                                    <div id="autobuyer_electrons" style="display: none"><input id="autobuyer_electrons_toggle" type="checkbox" onclick="player.autobuyers['electrons'].update_params()"></div>
                                </div>
                                <p class="achievement-bonus">You have <span id="resource_electron_power" class="large-number neutronic-number-photonic"></span> Electron Power<br>
                                (+<span id="dimension_electrons_prod"></span>/s)</p>  
                            </div>

                            <div id="dimension_bosons" style="grid-row: 5; grid-column: 10 / 12">
                                <p class="small-header">You have <span id="dimension_bosons_amt" class="large-number neutronic-number-gravitonic"></span> W-Bosons</p> 
                                <div id="dimension_bosons_buy" class="dimension-cost" onclick="player.dimensions['bosons'].buy()">
                                    <p>Decay Neutrons into a W-Boson</p>
                                    <p>Cost: <span id="dimension_bosons_cost"></span></p>
                                </div>
                                <div style="margin-top: 5px; display: flex; flex-direction: row; gap: 5px; align-items: center">
                                    <div id="dimension_bosons_buy_max" class="dimension-cost" onclick="player.dimensions['bosons'].buy(player.dimensions['bosons'].binary_search_max())" style="flex-grow: 1">
                                        <p>Buy max</p>
                                    </div>
                                    <div id="autobuyer_bosons" style="display: none"><input id="autobuyer_bosons_toggle" type="checkbox" onclick="player.autobuyers['bosons'].update_params()"></div>
                                </div>
                                <p class="achievement-bonus">You have <span id="resource_boson_power" class="large-number neutronic-number-gravitonic"></span> Boson Power<br>
                                (+<span id="dimension_bosons_prod"></span>/s)</p>  
                            </div>

                            <div id="upgrade_n11" class="upgrade" style="grid-row: 6; grid-column: 2 / 4" onclick="player.upgrades['n11'].buy()">
                                <p>Proton Power boosts Matter Dimensions
                                <br>Current: ×<span id="upgrade_n11_current_effect"></span></p>
                                <p id="upgrade_n11_next_cost">Cost: <span id="upgrade_n11_cost"></span></p>
                                <p class="upgrade-id" style="display: none">41</p>
                            </div>
                            <div id="upgrade_n12" class="upgrade" style="grid-row: 7; grid-column: 2 / 4" onclick="player.upgrades['n12'].buy()">
                                <p>Proton Power production is not affected by production nerf based on current matter</p>
                                <p id="upgrade_n12_next_cost">Cost: <span id="upgrade_n12_cost"></span></p>
                                <p class="upgrade-id" style="display: none">51</p>
                            </div>
                            <div id="upgrade_n13" class="upgrade" style="grid-row: 8; grid-column: 2 / 4" onclick="player.upgrades['n13'].buy()">
                                <p>Boost all Matter Dimensions based on bought 1st Matter Dimensions
                                <br>Current: ×<span id="upgrade_n13_current_effect"></span></p>
                                <p id="upgrade_n13_next_cost">Cost: <span id="upgrade_n13_cost"></span></p>
                                <p class="upgrade-id" style="display: none">61</p>
                            </div>
                            <div id="upgrade_n14" class="upgrade" style="grid-row: 9; grid-column: 2 / 4" onclick="player.upgrades['n14'].buy()">
                                <p>Proton Power persists through Photonic</p>
                                <p id="upgrade_n14_next_cost">Cost: <span id="upgrade_n14_cost"></span></p>
                                <p class="upgrade-id" style="display: none">71</p>
                            </div>
                            <div id="upgrade_n15" class="upgrade" style="grid-row: 10; grid-column: 2 / 4" onclick="player.upgrades['n15'].buy()">
                                <p>Proton Power reduces Tickspeed Upgrade cost scaling
                                <br>Current: /<span id="upgrade_n15_current_effect"></span></p>
                                <p id="upgrade_n15_next_cost">Cost: <span id="upgrade_n15_cost"></span></p>
                                <p class="upgrade-id" style="display: none">81</p>
                            </div>
                            <div id="upgrade_n16" class="upgrade" style="grid-row: 11; grid-column: 2 / 4" onclick="player.upgrades['n16'].buy()">
                                <p>Proton Power boosts Electron Power gain
                                <br>Current: ×<span id="upgrade_n16_current_effect"></span></p>
                                <p id="upgrade_n16_next_cost">Cost: <span id="upgrade_n16_cost"></span></p>
                                <p class="upgrade-id" style="display: none">91</p>
                            </div>
                            <div id="upgrade_n17" class="upgrade" style="grid-row: 12; grid-column: 2 / 4" onclick="player.upgrades['n17'].buy()">
                                <p>Proton Power production is increased based on Photonic resets
                                <br>Current: ×<span id="upgrade_n17_current_effect"></span></p>
                                <p id="upgrade_n17_next_cost">Cost: <span id="upgrade_n17_cost"></span></p>
                                <p class="upgrade-id" style="display: none">101</p>
                            </div>

                            <div id="upgrade_n21" class="upgrade" style="grid-row: 6; grid-column: 6 / 8" onclick="player.upgrades['n21'].buy()">
                                <p>Electron Power boosts Photonic Dimensions
                                <br>Current: ×<span id="upgrade_n21_current_effect"></span></p>
                                <p id="upgrade_n21_next_cost">Cost: <span id="upgrade_n21_cost"></span></p>
                                <p class="upgrade-id" style="display: none">42</p>
                            </div>
                            <div id="upgrade_n22" class="upgrade" style="grid-row: 7; grid-column: 6 / 8" onclick="player.upgrades['n22'].buy()">
                                <p>Electron Power production is not affected by production nerf based on current matter</p>
                                <p id="upgrade_n22_next_cost">Cost: <span id="upgrade_n22_cost"></span></p>
                                <p class="upgrade-id" style="display: none">52</p>
                            </div>
                            <div id="upgrade_n23" class="upgrade" style="grid-row: 8; grid-column: 6 / 8" onclick="player.upgrades['n23'].buy()">
                                <p>Boost Photon production based on bought 1st Matter Dimensions
                                <br>Current: ×<span id="upgrade_n23_current_effect"></span></p>
                                <p id="upgrade_n23_next_cost">Cost: <span id="upgrade_n23_cost"></span></p>
                                <p class="upgrade-id" style="display: none">62</p>
                            </div>
                            <div id="upgrade_n24" class="upgrade" style="grid-row: 9; grid-column: 6 / 8" onclick="player.upgrades['n24'].buy()">
                                <p>Electron Power persists through Photonic</p>
                                <p id="upgrade_n24_next_cost">Cost: <span id="upgrade_n24_cost"></span></p>
                                <p class="upgrade-id" style="display: none">72</p>
                            </div>
                            <div id="upgrade_n25" class="upgrade" style="grid-row: 10; grid-column: 6 / 8" onclick="player.upgrades['n25'].buy()">
                                <p>Electron Power makes repeatable Photonic upgrades more effective
                                <br>Current: ×<span id="upgrade_n25_current_effect"></span></p>
                                <p id="upgrade_n25_next_cost">Cost: <span id="upgrade_n25_cost"></span></p>
                                <p class="upgrade-id" style="display: none">82</p>
                            </div>
                            <div id="upgrade_n26" class="upgrade" style="grid-row: 11; grid-column: 6 / 8" onclick="player.upgrades['n26'].buy()">
                                <p>Electron Power boosts Boson Power gain
                                <br>Current: ×<span id="upgrade_n26_current_effect"></span></p>
                                <p id="upgrade_n26_next_cost">Cost: <span id="upgrade_n26_cost"></span></p>
                                <p class="upgrade-id" style="display: none">92</p>
                            </div>
                            <div id="upgrade_n27" class="upgrade" style="grid-row: 12; grid-column: 6 / 8" onclick="player.upgrades['n27'].buy()">
                                <p>Electron Power production is increased based on Gravitonic resets
                                <br>Current: ×<span id="upgrade_n27_current_effect"></span></p>
                                <p id="upgrade_n27_next_cost">Cost: <span id="upgrade_n27_cost"></span></p>
                                <p class="upgrade-id" style="display: none">102</p>
                            </div>

                            <div id="upgrade_n31" class="upgrade" style="grid-row: 6; grid-column: 10 / 12" onclick="player.upgrades['n31'].buy()">
                                <p>Boson Power gives free Gravitons upon Gravitonic reset
                                <br>Current: <span id="upgrade_n31_current_effect"></span> Gravitons</p>
                                <p id="upgrade_n31_next_cost">Cost: <span id="upgrade_n31_cost"></span></p>
                                <p class="upgrade-id" style="display: none">43</p>
                            </div>
                            <div id="upgrade_n32" class="upgrade" style="grid-row: 7; grid-column: 10 / 12" onclick="player.upgrades['n32'].buy()">
                                <p>Boson Power production is not affected by production nerf based on current matter</p>
                                <p id="upgrade_n32_next_cost">Cost: <span id="upgrade_n32_cost"></span></p>
                                <p class="upgrade-id" style="display: none">53</p>
                            </div>
                            <div id="upgrade_n33" class="upgrade" style="grid-row: 8; grid-column: 10 / 12" onclick="player.upgrades['n33'].buy()">
                                <p>Unlock Gravitonic dimensions and challenges</p>
                                <p id="upgrade_n33_next_cost">Cost: <span id="upgrade_n33_cost"></span></p>
                                <p class="upgrade-id" style="display: none">63</p>
                            </div>
                            <div id="upgrade_n34" class="upgrade" style="grid-row: 9; grid-column: 10 / 12" onclick="player.upgrades['n34'].buy()">
                                <p>Boson Power persists through Photonic</p>
                                <p id="upgrade_n34_next_cost">Cost: <span id="upgrade_n34_cost"></span></p>
                                <p class="upgrade-id" style="display: none">73</p>
                            </div>
                            <div id="upgrade_n35" class="upgrade" style="grid-row: 10; grid-column: 10 / 12" onclick="player.upgrades['n35'].buy()">
                                <p>Boson Power boosts Gravitonic dimensions
                                <br>Current: ×<span id="upgrade_n35_current_effect"></span></p>
                                <p id="upgrade_n35_next_cost">Cost: <span id="upgrade_n35_cost"></span></p>
                                <p class="upgrade-id" style="display: none">83</p>
                            </div>
                            <div id="upgrade_n36" class="upgrade" style="grid-row: 11; grid-column: 10 / 12" onclick="player.upgrades['n36'].buy()">
                                <p>Boson Power boosts Proton Power gain
                                <br>Current: ×<span id="upgrade_n36_current_effect"></span></p>
                                <p id="upgrade_n36_next_cost">Cost: <span id="upgrade_n36_cost"></span></p>
                                <p class="upgrade-id" style="display: none">93</p>
                            </div>
                            <div id="upgrade_n37" class="upgrade" style="grid-row: 12; grid-column: 10 / 12" onclick="player.upgrades['n37'].buy()">
                                <p>Boson Power production is increased based on Neutronic resets
                                <br>Current: ×<span id="upgrade_n37_current_effect"></span></p>
                                <p id="upgrade_n37_next_cost">Cost: <span id="upgrade_n37_cost"></span></p>
                                <p class="upgrade-id" style="display: none">103</p>
                            </div>
                        </div>
                    </div>

                    <div id="neutronic_challenges" class="challenge-page" style="display: none;">
                        <p>You need to get a certain amount of matter to complete Neutronic challenges.<br>
                        Neutronic challenges can be completed multiple times for increased rewards.<br>
                        The maximum amount of Gravitons is counted separately inside Neutronic challenges.<br>
                        You automatically leave your Neutronic challenges on Vacuumic or higher resets.</p>
                        <div class="challenge-card" id="challenge_n1">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_n1_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Neutronic particles do not produce power.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span id="challenge_n1_goal"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Neutronic particles produce <span id="challenge_n1_current_effect"></span>× more power <span id="challenge_n1_next">(next: <span id="challenge_n1_next_effect"></span>×)</span></p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_n1_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_n1_button" onclick="player.challenges['n1'].click()"><p id="challenge_n1_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_n2">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_n2_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> You can get Tickspeed Upgrades only from Stars, but free Tickspeed Upgrades from Stars are doubled.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span id="challenge_n2_goal"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Stars provide <span id="challenge_n2_current_effect"></span>× more Tickspeed Upgrades <span id="challenge_n2_next">(next: <span id="challenge_n2_next_effect"></span>×)</span></p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_n2_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_n2_button" onclick="player.challenges['n2'].click()"><p id="challenge_n2_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_n3">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_n3_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Tickspeed Upgrade effect is additive.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span id="challenge_n3_goal"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Tickspeed Upgrades are <span id="challenge_n3_current_effect"></span>× more effective <span id="challenge_n3_next">(next: <span id="challenge_n3_next_effect"></span>×)</span></p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_n3_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_n3_button" onclick="player.challenges['n3'].click()"><p id="challenge_n3_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_n4">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_n4_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> The cost of all Photonic upgrades is squared.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span id="challenge_n4_goal"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> The cost of all Photonic upgrades is raised to a power of <span id="challenge_n4_current_effect"></span> <span id="challenge_n4_next">(next: <span id="challenge_n4_next_effect"></span>)</span></p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_n4_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_n4_button" onclick="player.challenges['n4'].click()"><p id="challenge_n4_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_n5">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_n5_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> The base cost of all Gravitonic upgrades is increased by <span class="static-number" extra="1"></span>.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span id="challenge_n5_goal"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> All Gravitonic upgrades with the base cost below <span id="challenge_n5_current_effect"></span> Gravitons cost only one Graviton <span id="challenge_n5_next">(next: <span id="challenge_n5_next_effect"></span> Gravitons)</span></p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_n5_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_n5_button" onclick="player.challenges['n5'].click()"><p id="challenge_n5_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_n6">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_n6_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Neutronic resets all Neutronic upgrades and particles. Entering this challenge resets your Neutronic upgrades and particles.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span id="challenge_n6_goal"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> You gain <span id="challenge_n6_current_effect"></span>× more Neutrons from resets <span id="challenge_n6_next">(next: <span id="challenge_n6_next_effect"></span>×)</span></p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_n6_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_n6_button" onclick="player.challenges['n6'].click()"><p id="challenge_n6_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_n7">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_n7_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Light effect on Matter Dimensions is square-rooted.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span id="challenge_n7_goal"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> The boost to Light effect on Matter Dimensions from Stars is raised to a power of <span id="challenge_n7_current_effect"></span> <span id="challenge_n7_next">(next: <span id="challenge_n7_next_effect"></span>)</span></p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_n7_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_n7_button" onclick="player.challenges['n7'].click()"><p id="challenge_n7_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_n8">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_n8_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Stars do nothing.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span id="challenge_n8_goal"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Multiplier per Neutronic dimension becomes <span id="challenge_n8_current_effect"></span>× <span id="challenge_n8_next">(next: <span id="challenge_n8_next_effect"></span>×)</span></p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_n8_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_n8_button" onclick="player.challenges['n8'].click()"><p id="challenge_n8_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_n0">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_n0_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> All Neutronic challenges at once.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span id="challenge_n0_goal"></span> Matter.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Always keep Neutronic upgrades and particles on resets</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_n0_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_n0_button" onclick="player.challenges['n0'].click()"><p id="challenge_n0_button_text"></p></div>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="layer-info" id="section_vacuumic" style="display: none;">
                    <div id="vacuumic_dimensions" class="dimension-list" style="display: none;">
                        <p class="achievement-bonus" style="text-align: left;">You have <span id="resource_inflation" class="large-number"></span> Inflation, which gives you the following bonuses:</p>
                        <p>×<span class="power_inflation_matter" style="font-weight: bold;"></span> to 1st Matter Dimension
                        <span id="power_inflation_photonic_info"><br>×<span class="power_inflation_photonic" style="font-weight: bold;"></span> to 1st and 2nd Photonic Dimensions</span>
                        <span id="power_inflation_gravitonic_info"><br>×<span class="power_inflation_gravitonic" style="font-weight: bold;"></span> to 1st, 2nd and 3rd Gravitonic Dimensions</span>
                        <span id="power_inflation_neutronic_info"><br>×<span class="power_inflation_neutronic" style="font-weight: bold;"></span> to 1st, 2nd, 3rd and 4th Neutronic Dimensions</span>
                        <span id="power_inflation_vacuumic_info"><br>×<span class="power_inflation_vacuumic" style="font-weight: bold;"></span> to all Vacuumic Dimensions</span></p>
                        <div class="autobuyer-toggle-wrapper">
                            <div class="setting-button autobuyer-toggle" layer="vacuumic" onclick="toggle_autobuyers(this.attributes.layer.value)"><p>Toggle all</p></div>
                        </div>
                        <div id="dimension_vacuumic_1" class="dimension">
                            <p class="dimension-name">1st Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_1_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_1_amt"></span> (<span id="dimension_vacuumic_1_bought"></span>)</p>
                            <div id="dimension_vacuumic_1_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_1'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_1_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_1" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_1_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_1'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_2" class="dimension">
                            <p class="dimension-name">2nd Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_2_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_2_amt"></span> (<span id="dimension_vacuumic_2_bought"></span>)</p>
                            <div id="dimension_vacuumic_2_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_2'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_2_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_2" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_2_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_2'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_3" class="dimension">
                            <p class="dimension-name">3rd Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_3_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_3_amt"></span> (<span id="dimension_vacuumic_3_bought"></span>)</p>
                            <div id="dimension_vacuumic_3_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_3'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_3_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_3" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_3_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_3'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_4" class="dimension">
                            <p class="dimension-name">4th Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_4_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_4_amt"></span> (<span id="dimension_vacuumic_4_bought"></span>)</p>
                            <div id="dimension_vacuumic_4_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_4'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_4_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_4" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_4_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_4'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_5" class="dimension">
                            <p class="dimension-name">5th Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_5_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_5_amt"></span> (<span id="dimension_vacuumic_5_bought"></span>)</p>
                            <div id="dimension_vacuumic_5_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_5'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_5_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_5" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_5_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_5'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_6" class="dimension">
                            <p class="dimension-name">6th Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_6_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_6_amt"></span> (<span id="dimension_vacuumic_6_bought"></span>)</p>
                            <div id="dimension_vacuumic_6_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_6'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_6_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_6" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_6_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_6'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_7" class="dimension">
                            <p class="dimension-name">7th Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_7_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_7_amt"></span> (<span id="dimension_vacuumic_7_bought"></span>)</p>
                            <div id="dimension_vacuumic_7_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_7'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_7_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_7" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_7_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_7'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_8" class="dimension">
                            <p class="dimension-name">8th Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_8_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_8_amt"></span> (<span id="dimension_vacuumic_8_bought"></span>)</p>
                            <div id="dimension_vacuumic_8_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_8'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_8_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_8" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_8_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_8'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_9" class="dimension">
                            <p class="dimension-name">9th Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_9_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_9_amt"></span> (<span id="dimension_vacuumic_9_bought"></span>)</p>
                            <div id="dimension_vacuumic_9_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_9'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_9_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_9" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_9_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_9'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_10" class="dimension">
                            <p class="dimension-name">10th Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_10_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_10_amt"></span> (<span id="dimension_vacuumic_10_bought"></span>)</p>
                            <div id="dimension_vacuumic_10_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_10'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_10_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_10" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_10_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_10'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_11" class="dimension">
                            <p class="dimension-name">11th Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_11_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_11_amt"></span> (<span id="dimension_vacuumic_11_bought"></span>)</p>
                            <div id="dimension_vacuumic_11_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_11'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_11_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_11" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_11_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_11'].update_params()"></div>
                        </div>
                        <div id="dimension_vacuumic_12" class="dimension">
                            <p class="dimension-name">12th Vacuumic Dimension</p>
                            <p class="dimension-production">×<span id="dimension_vacuumic_12_prod"></span></p>
                            <p class="dimension-amount"><span id="dimension_vacuumic_12_amt"></span> (<span id="dimension_vacuumic_12_bought"></span>)</p>
                            <div id="dimension_vacuumic_12_buy" class="dimension-cost" onclick="player.dimensions['vacuumic_12'].buy()">
                                <p>Cost: <span id="dimension_vacuumic_12_cost"></span></p>
                            </div>
                            <div id="autobuyer_vacuumic_12" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_vacuumic_12_toggle" type="checkbox" onclick="player.autobuyers['vacuumic_12'].update_params()"></div>
                        </div>
                    </div>

                    <div id="vacuumic_upgrades" style="display: none;">
                        <p class="achievement-bonus">You have <span class="prestige_currency_vacuumic large-number"></span> Vacuum Energy and <span id="resource_space_theorems" class="large-number"></span> Space Theorems.</p>
                        <div class="upgrade-list-vacuumic">
                            <div id="vacuumic_tree_line_v11_v21" style="grid-row: 4 / 7; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v21_f1s" style="grid-row: 10 / 12; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f1s_l" style="grid-row: 11; grid-column: 7" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f1s_r" style="grid-row: 11; grid-column: 9" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f1s_v31" style="grid-row: 11 / 13; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f1s_v32" style="grid-row: 11 / 13; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v31_v41" style="grid-row: 16 / 19; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v32_v42" style="grid-row: 16 / 19; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v41_f1e" style="grid-row: 22 / 24; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v42_f1e" style="grid-row: 22 / 24; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_l_f1e" style="grid-row: 23; grid-column: 7" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_r_f1e" style="grid-row: 23; grid-column: 9" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f1e_v51" style="grid-row: 23 / 25; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v51_v61" style="grid-row: 28 / 31; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v61_v71" style="grid-row: 34 / 37; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v71_v72" style="grid-row: 38; grid-column: 10 / 13" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v71_f2s" style="grid-row: 40 / 42; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f2s_l" style="grid-row: 41; grid-column: 5 / 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f2s_r" style="grid-row: 41; grid-column: 9 / 12" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f2s_v81" style="grid-row: 41 / 43; grid-column: 4" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f2s_v82" style="grid-row: 42; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f2s_v83" style="grid-row: 41 / 43; grid-column: 12" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v81_v91" style="grid-row: 46 / 49; grid-column: 4" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v82_v92" style="grid-row: 46 / 49; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v83_v93" style="grid-row: 46 / 49; grid-column: 12" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v91_v101" style="grid-row: 52 / 55; grid-column: 4" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v92_v102" style="grid-row: 52 / 55; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v93_v103" style="grid-row: 52 / 55; grid-column: 12" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v101_f3s" style="grid-row: 58; grid-column: 4" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v102_f3s" style="grid-row: 58; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v103_f3s" style="grid-row: 58; grid-column: 12" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f3s_l2" style="grid-row: 59; grid-column: 4 / 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f3s_l1" style="grid-row: 59; grid-column: 6 / 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f3s_m" style="grid-row: 59; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f3s_r1" style="grid-row: 59; grid-column: 9 / 11" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f3s_r2" style="grid-row: 59; grid-column: 11 / 13" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f3s_v111" style="grid-row: 59 / 61; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f3s_v112" style="grid-row: 59 / 61; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v111_v121" style="grid-row: 64 / 67; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v112_v122" style="grid-row: 64 / 67; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v121_f3e" style="grid-row: 70 / 72; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v122_f3e" style="grid-row: 70 / 72; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_l_f3e" style="grid-row: 71; grid-column: 7" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_r_f3e" style="grid-row: 71; grid-column: 9" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f3e_v131" style="grid-row: 71 / 73; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v131_v142" style="grid-row: 76 / 79; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v142_v141" style="grid-row: 80; grid-column: 4 / 7" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v142_v143" style="grid-row: 80; grid-column: 10 / 13" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v142_v151" style="grid-row: 82 / 85; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v151_f4s" style="grid-row: 88 / 90; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4s_l3" style="grid-row: 89; grid-column: 2 / 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4s_l2" style="grid-row: 89; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4s_l1" style="grid-row: 89; grid-column: 7" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4s_r1" style="grid-row: 89; grid-column: 9" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4s_r2" style="grid-row: 89; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4s_r3" style="grid-row: 89; grid-column: 11 / 15" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4s_v161" style="grid-row: 90; grid-column: 2" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4s_v162" style="grid-row: 90; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4s_v163" style="grid-row: 90; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4s_v164" style="grid-row: 90; grid-column: 14" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v161_v171" style="grid-row: 94 / 97; grid-column: 2" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v162_v172" style="grid-row: 94 / 97; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v163_v173" style="grid-row: 94 / 97; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v164_v174" style="grid-row: 94 / 97; grid-column: 14" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v171_v181" style="grid-row: 100 / 103; grid-column: 2" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v172_v182" style="grid-row: 100 / 103; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v173_v183" style="grid-row: 100 / 103; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v174_v184" style="grid-row: 100 / 103; grid-column: 14" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v181_v191" style="grid-row: 106 / 109; grid-column: 2" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v182_v192" style="grid-row: 106 / 109; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v183_v193" style="grid-row: 106 / 109; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v184_v194" style="grid-row: 106 / 109; grid-column: 14" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v191_f4e" style="grid-row: 112; grid-column: 2" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v192_f4e" style="grid-row: 112; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v193_f4e" style="grid-row: 112; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v194_f4e" style="grid-row: 112; grid-column: 14" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_l3_f4e" style="grid-row: 113; grid-column: 2 / 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_l2_f4e" style="grid-row: 113; grid-column: 6" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_l1_f4e" style="grid-row: 113; grid-column: 7" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_r1_f4e" style="grid-row: 113; grid-column: 9" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_r2_f4e" style="grid-row: 113; grid-column: 10" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_r3_f4e" style="grid-row: 113; grid-column: 11 / 15" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_f4e_v201" style="grid-row: 113 / 115; grid-column: 8" class="vacuumic-tree-line"></div>
                            <div id="vacuumic_tree_line_v201_v211" style="grid-row: 118 / 121; grid-column: 8" class="vacuumic-tree-line"></div>



                            <div class="upgrade" style="grid-row: 1 / 4; grid-column: 13 / 16; margin-left: 15px;" onclick="respec_vacuumic_tree()">
                                <p>Reset this upgrade tree and this Vacuumic</p>
                                <p>Gain <span id="respec_space_theorems"></span> Space Theorems</p>
                            </div>

                            <div id="upgrade_v01" class="upgrade" style="grid-row: 7 / 10; grid-column: 1 / 4; margin-right: 15px;" onclick="player.upgrades['v01'].buy()">
                                <p>Buy Space Theorem with Vacuum Energy</p>
                                <p id="upgrade_v01_next_cost">Cost: <span id="upgrade_v01_cost"></span></p>
                            </div>
                            <div id="autobuyer_v01" style="grid-row: 10; grid-column: 3; justify-self: flex-end; align-self: center; margin-right: 15px;"><input id="autobuyer_v01_toggle" type="checkbox" onclick="player.autobuyers['v01'].update_params()"></div>

                            <div id="upgrade_v02" class="upgrade" style="grid-row: 13 / 16; grid-column: 1 / 4; margin-right: 15px;" onclick="player.upgrades['v02'].buy()">
                                <p>Buy Space Theorem with 3rd Matter Dimensions</p>
                                <p id="upgrade_v02_next_cost">Cost: <span id="upgrade_v02_cost"></span></p>
                            </div>
                            <div id="autobuyer_v02" style="grid-row: 16; grid-column: 3; justify-self: flex-end; align-self: center; margin-right: 15px;"><input id="autobuyer_v02_toggle" type="checkbox" onclick="player.autobuyers['v02'].update_params()"></div>

                            <div id="upgrade_v03" class="upgrade" style="grid-row: 19 / 22; grid-column: 1 / 4; margin-right: 15px;" onclick="player.upgrades['v03'].buy()">
                                <p>Buy Space Theorem with Neutrons</p>
                                <p id="upgrade_v03_next_cost">Cost: <span id="upgrade_v03_cost"></span></p>
                            </div>
                            <div id="autobuyer_v03" style="grid-row: 22; grid-column: 3; justify-self: flex-end; align-self: center; margin-right: 15px;"><input id="autobuyer_v03_toggle" type="checkbox" onclick="player.autobuyers['v03'].update_params()"></div>

                            <div id="st_autobuyer_toggle" style="grid-row: 7 / 10; grid-column: 13 / 16; margin-left: 15px;">
                                <p style="text-align: center;">Space Theorem tree autobuyer is <b id="st_autobuyer_toggle_status"></b>.</p>
                                <p>&nbsp;</p>
                                <div style="display: flex; flex-direction: row; justify-content: center"><div class="setting-button" onclick="player.activated_st_autobuyers = !player.activated_st_autobuyers" style="width: 100%"><p id="st_autobuyer_button_text"></p></div></div>
                            </div>

                            <div id="upgrade_v11" class="upgrade" style="grid-row: 1 / 4; grid-column: 5 / 12" onclick="player.upgrades['v11'].buy()">
                                <p>Gain Neutrons on Vacuumic and upon buying this upgrade (based on unlocked layers)
                                <br>Current: <span id="upgrade_v11_next_effect"></span>
                                <br>Also, ×<span class="static-number" extra="100"></span> to all Matter Dimensions</p>
                                <p id="upgrade_v11_next_cost">Cost: <span id="upgrade_v11_cost"></span></p>
                                <p class="upgrade-id" style="display: none">11</p>
                            </div>
                            <div id="autobuyer_VTREE_v11" style="grid-row: 4; grid-column: 11; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v11_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v11'].update_params()"></div>

                            <div id="upgrade_v21" class="upgrade" style="grid-row: 7 / 10; grid-column: 7 / 10" onclick="player.upgrades['v21'].buy()">
                                <p>You can have <span class="static-number" extra="1e10" finite></span> times more resources</p>
                                <p id="upgrade_v21_next_cost">Cost: <span id="upgrade_v21_cost"></span></p>
                                <p class="upgrade-id" style="display: none">21</p>
                            </div>
                            <div id="autobuyer_VTREE_v21" style="grid-row: 10; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v21_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v21'].update_params()"></div>

                            <div id="upgrade_v31" class="upgrade" style="grid-row: 13 / 16; grid-column: 5 / 8" onclick="player.upgrades['v31'].buy()">
                                <p>Annihilation produces <span class="static-number" extra="4"></span>× more energy</p>
                                <p id="upgrade_v31_next_cost">Cost: <span id="upgrade_v31_cost"></span></p>
                                <p class="upgrade-id" style="display: none">31</p>
                            </div>
                            <div id="autobuyer_VTREE_v31" style="grid-row: 16; grid-column: 7; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v31_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v31'].update_params()"></div>

                            <div id="upgrade_v32" class="upgrade" style="grid-row: 13 / 16; grid-column: 9 / 12" onclick="player.upgrades['v32'].buy()">
                                <p>Annihilation produces more energy based on current matter<br>
                                Current: ×<span id="upgrade_v32_current_effect"></span></p>
                                <p id="upgrade_v32_next_cost">Cost: <span id="upgrade_v32_cost"></span></p>
                                <p class="upgrade-id" style="display: none">32</p>
                            </div>
                            <div id="autobuyer_VTREE_v32" style="grid-row: 16; grid-column: 11; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v32_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v32'].update_params()"></div>

                            <div id="upgrade_v41" class="upgrade" style="grid-row: 19 / 22; grid-column: 5 / 8" onclick="player.upgrades['v41'].buy()">
                                <p>Photonic Dimensions produce <span class="static-number" extra="2"></span>× more</p>
                                <p id="upgrade_v41_next_cost">Cost: <span id="upgrade_v41_cost"></span></p>
                                <p class="upgrade-id" style="display: none">41</p>
                            </div>
                            <div id="autobuyer_VTREE_v41" style="grid-row: 22; grid-column: 7; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v41_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v41'].update_params()"></div>

                            <div id="upgrade_v42" class="upgrade" style="grid-row: 19 / 22; grid-column: 9 / 12" onclick="player.upgrades['v42'].buy()">
                                <p>Photonic Dimensions produce <span class="static-number" extra="10000"></span>× more if matter is over <span class="static-number" extra="1e10"></span></p>
                                <p id="upgrade_v42_next_cost">Cost: <span id="upgrade_v42_cost"></span></p>
                                <p class="upgrade-id" style="display: none">42</p>
                            </div>
                            <div id="autobuyer_VTREE_v42" style="grid-row: 22; grid-column: 11; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v42_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v42'].update_params()"></div>

                            <div id="upgrade_v51" class="upgrade" style="grid-row: 25 / 28; grid-column: 7 / 10" onclick="player.upgrades['v51'].buy()">
                                <p>Keep Gravitonic upgrades on Neutronic resets</p>
                                <p id="upgrade_v51_next_cost">Cost: <span id="upgrade_v51_cost"></span></p>
                                <p class="upgrade-id" style="display: none">51</p>
                            </div>
                            <div id="autobuyer_VTREE_v51" style="grid-row: 28; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v51_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v51'].update_params()"></div>

                            <div id="upgrade_v61" class="upgrade" style="grid-row: 31 / 34; grid-column: 7 / 10" onclick="player.upgrades['v61'].buy()">
                                <p>You can have <span class="static-number" extra="1e48" finite></span> times more resources</p>
                                <p id="upgrade_v61_next_cost">Cost: <span id="upgrade_v61_cost"></span></p>
                                <p class="upgrade-id" style="display: none">61</p>
                            </div>
                            <div id="autobuyer_VTREE_v61" style="grid-row: 34; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v61_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v61'].update_params()"></div>

                            <div id="upgrade_v71" class="upgrade" style="grid-row: 37 / 40; grid-column: 7 / 10" onclick="player.upgrades['v71'].buy()">
                                <p>Unlock Photonic Dimension autobuyers</p>
                                <p id="upgrade_v71_next_cost">Cost: <span id="upgrade_v71_cost"></span></p>
                                <p class="upgrade-id" style="display: none">71</p>
                            </div>
                            <div id="autobuyer_VTREE_v71" style="grid-row: 40; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v71_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v71'].update_params()"></div>

                            <div id="upgrade_v72" class="upgrade" style="grid-row: 37 / 40; grid-column: 13 / 16" onclick="player.upgrades['v72'].buy()">
                                <p>Unlock autobuyer for Tickspeed Upgrades</p>
                                <p id="upgrade_v72_next_cost">Cost: <span id="upgrade_v72_cost"></span></p>
                                <p class="upgrade-id" style="display: none">72</p>
                            </div>
                            <div id="autobuyer_VTREE_v72" style="grid-row: 40; grid-column: 15; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v72_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v72'].update_params()"></div>

                            <div id="upgrade_v81" class="upgrade" style="grid-row: 43 / 46; grid-column: 3 / 6" onclick="player.upgrades['v81'].buy()">
                                <p>You can have <span class="static-number" extra="1e40" finite></span> times more resources</p>
                                <p id="upgrade_v81_next_cost">Cost: <span id="upgrade_v81_cost"></span></p>
                                <p class="upgrade-id" style="display: none">81</p>
                            </div>
                            <div id="autobuyer_VTREE_v81" style="grid-row: 46; grid-column: 5; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v81_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v81'].update_params()"></div>

                            <div id="upgrade_v82" class="upgrade" style="grid-row: 43 / 46; grid-column: 7 / 10" onclick="player.upgrades['v82'].buy()">
                                <p>Unlock the fourth row of Photonic upgrades</p>
                                <p id="upgrade_v82_next_cost">Cost: <span id="upgrade_v82_cost"></span></p>
                                <p class="upgrade-id" style="display: none">82</p>
                            </div>
                            <div id="autobuyer_VTREE_v82" style="grid-row: 46; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v82_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v82'].update_params()"></div>

                            <div id="upgrade_v83" class="upgrade" style="grid-row: 43 / 46; grid-column: 11 / 14" onclick="player.upgrades['v83'].buy()">
                                <p>Black Holes also provide free Gravitons upon reset<br>
                                Current: <span id="upgrade_v83_current_effect"></span> Gravitons</p>
                                <p id="upgrade_v83_next_cost">Cost: <span id="upgrade_v83_cost"></span></p>
                                <p class="upgrade-id" style="display: none">83</p>
                            </div>
                            <div id="autobuyer_VTREE_v83" style="grid-row: 46; grid-column: 13; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v83_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v83'].update_params()"></div>

                            <div id="upgrade_v91" class="upgrade" style="grid-row: 49 / 52; grid-column: 3 / 6" onclick="player.upgrades['v91'].buy()">
                                <p>Gain a free Tickspeed Upgrade for each bought 1st Matter Dimension (capped at 200)<br>
                                Current: +<span id="upgrade_v91_current_effect"></span></p>
                                <p id="upgrade_v91_next_cost">Cost: <span id="upgrade_v91_cost"></span></p>
                                <p class="upgrade-id" style="display: none">91</p>
                            </div>
                            <div id="autobuyer_VTREE_v91" style="grid-row: 52; grid-column: 5; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v91_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v91'].update_params()"></div>

                            <div id="upgrade_v92" class="upgrade" style="grid-row: 49 / 52; grid-column: 7 / 10" onclick="player.upgrades['v92'].buy()">
                                <p>You can have <span class="static-number" extra="1e80" finite></span> times more resources</p>
                                <p id="upgrade_v92_next_cost">Cost: <span id="upgrade_v92_cost"></span></p>
                                <p class="upgrade-id" style="display: none">92</p>
                            </div>
                            <div id="autobuyer_VTREE_v92" style="grid-row: 52; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v92_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v92'].update_params()"></div>

                            <div id="upgrade_v93" class="upgrade" style="grid-row: 49 / 52; grid-column: 11 / 14" onclick="player.upgrades['v93'].buy()">
                                <p>Multiplier per Gravitonic dimension becomes ×<span class="static-number" extra="10"></span></p>
                                <p id="upgrade_v93_next_cost">Cost: <span id="upgrade_v93_cost"></span></p>
                                <p class="upgrade-id" style="display: none">93</p>
                            </div>
                            <div id="autobuyer_VTREE_v93" style="grid-row: 52; grid-column: 13; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v93_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v93'].update_params()"></div>

                            <div id="upgrade_v101" class="upgrade" style="grid-row: 55 / 58; grid-column: 3 / 6" onclick="player.upgrades['v101'].buy()">
                                <p>Multiplier to 4th M. Dim. based on 1st and 2nd M. Dim. multipliers<br>
                                Current: ×<span id="upgrade_v101_current_effect"></span></p>
                                <p id="upgrade_v101_next_cost">Cost: <span id="upgrade_v101_cost"></span></p>
                                <p class="upgrade-id" style="display: none">101</p>
                            </div>
                            <div id="autobuyer_VTREE_v101" style="grid-row: 58; grid-column: 5; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v101_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v101'].update_params()"></div>

                            <div id="upgrade_v102" class="upgrade" style="grid-row: 55 / 58; grid-column: 7 / 10" onclick="player.upgrades['v102'].buy()">
                                <p>Tickspeed Upgrades also affect Photonic Dimensions, but at reduced rate<br>
                                Current: ×<span id="upgrade_v102_current_effect"></span></p>
                                <p id="upgrade_v102_next_cost">Cost: <span id="upgrade_v102_cost"></span></p>
                                <p class="upgrade-id" style="display: none">102</p>
                            </div>
                            <div id="autobuyer_VTREE_v102" style="grid-row: 58; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v102_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v102'].update_params()"></div>

                            <div id="upgrade_v103" class="upgrade" style="grid-row: 55 / 58; grid-column: 11 / 14" onclick="player.upgrades['v103'].buy()">
                                <p>You can have <span class="static-number" extra="1e120" finite></span> times more resources</p>
                                <p id="upgrade_v103_next_cost">Cost: <span id="upgrade_v103_cost"></span></p>
                                <p class="upgrade-id" style="display: none">103</p>
                            </div>
                            <div id="autobuyer_VTREE_v103" style="grid-row: 58; grid-column: 13; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v103_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v103'].update_params()"></div>

                            <div id="upgrade_v111" class="upgrade" style="grid-row: 61 / 64; grid-column: 5 / 8" onclick="player.upgrades['v111'].buy()">
                                <p><span class="static-number" extra="1e6"></span>× multiplier to all Matter Dimensions</p>
                                <p id="upgrade_v111_next_cost">Cost: <span id="upgrade_v111_cost"></span></p>
                                <p class="upgrade-id" style="display: none">111</p>
                            </div>
                            <div id="autobuyer_VTREE_v111" style="grid-row: 64; grid-column: 7; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v111_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v111'].update_params()"></div>

                            <div id="upgrade_v112" class="upgrade" style="grid-row: 61 / 64; grid-column: 9 / 12" onclick="player.upgrades['v112'].buy()">
                                <p><span class="static-number" extra="10"></span>× multiplier to all Photonic Dimensions</p>
                                <p id="upgrade_v112_next_cost">Cost: <span id="upgrade_v112_cost"></span></p>
                                <p class="upgrade-id" style="display: none">112</p>
                            </div>
                            <div id="autobuyer_VTREE_v112" style="grid-row: 64; grid-column: 11; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v112_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v112'].update_params()"></div>

                            <div id="upgrade_v121" class="upgrade" style="grid-row: 67 / 70; grid-column: 5 / 8" onclick="player.upgrades['v121'].buy()">
                                <p>3rd M. Dim. multiplier before nerfs is at least the square of 4th M. Dim. multiplier<br>
                                Current: ×<span id="upgrade_v121_current_effect"></span></p>
                                <p id="upgrade_v121_next_cost">Cost: <span id="upgrade_v121_cost"></span></p>
                                <p class="upgrade-id" style="display: none">121</p>
                            </div>
                            <div id="autobuyer_VTREE_v121" style="grid-row: 70; grid-column: 7; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v121_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v121'].update_params()"></div>

                            <div id="upgrade_v122" class="upgrade" style="grid-row: 67 / 70; grid-column: 9 / 12" onclick="player.upgrades['v122'].buy()">
                                <p>3rd M. Dim. multiplier before nerfs is at least the square root of 2nd M. Dim. multiplier<br>
                                Current: ×<span id="upgrade_v122_current_effect"></span></p>
                                <p id="upgrade_v122_next_cost">Cost: <span id="upgrade_v122_cost"></span></p>
                                <p class="upgrade-id" style="display: none">122</p>
                            </div>
                            <div id="autobuyer_VTREE_v122" style="grid-row: 70; grid-column: 11; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v122_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v122'].update_params()"></div>

                            <div id="upgrade_v131" class="upgrade" style="grid-row: 73 / 76; grid-column: 7 / 10" onclick="player.upgrades['v131'].buy()">
                                <p>You gain <span class="static-number" extra="13.1"></span>× more Photons from Photonic resets</p>
                                <p id="upgrade_v131_next_cost">Cost: <span id="upgrade_v131_cost"></span></p>
                                <p class="upgrade-id" style="display: none">131</p>
                            </div>
                            <div id="autobuyer_VTREE_v131" style="grid-row: 76; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v131_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v131'].update_params()"></div>

                            <div id="upgrade_v141" class="upgrade" style="grid-row: 79 / 82; grid-column: 1 / 4" onclick="player.upgrades['v141'].buy()">
                                <p>Unlock Neutronic challenges</p>
                                <p id="upgrade_v141_next_cost">Cost: <span id="upgrade_v141_cost"></span></p>
                                <p class="upgrade-id" style="display: none">141</p>
                            </div>
                            <div id="autobuyer_VTREE_v141" style="grid-row: 82; grid-column: 3; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v141_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v141'].update_params()"></div>

                            <div id="upgrade_v142" class="upgrade" style="grid-row: 79 / 82; grid-column: 7 / 10" onclick="player.upgrades['v142'].buy()">
                                <p>Unlock Neutronic dimensions</p>
                                <p id="upgrade_v142_next_cost">Cost: <span id="upgrade_v142_cost"></span></p>
                                <p class="upgrade-id" style="display: none">142</p>
                            </div>
                            <div id="autobuyer_VTREE_v142" style="grid-row: 82; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v142_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v142'].update_params()"></div>

                            <div id="upgrade_v143" class="upgrade" style="grid-row: 79 / 82; grid-column: 13 / 16" onclick="player.upgrades['v143'].buy()">
                                <p>Resource limit is <span class="static-number" extra="1e10" finite></span> times higher, and each unspent Space Theorem increases resource limit by an additional ×<span class="static-number" extra="1e10" finite></span></p>
                                <p id="upgrade_v143_next_cost">Cost: <span id="upgrade_v143_cost"></span></p>
                                <p class="upgrade-id" style="display: none">143</p>
                            </div>
                            <div id="autobuyer_VTREE_v143" style="grid-row: 82; grid-column: 15; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v143_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v143'].update_params()"></div>

                            <div id="upgrade_v151" class="upgrade" style="grid-row: 85 / 88; grid-column: 7 / 10" onclick="player.upgrades['v151'].buy()">
                                <p>Neutronic particles are <span class="static-number" extra="15"></span>% cheaper</p>
                                <p id="upgrade_v151_next_cost">Cost: <span id="upgrade_v151_cost"></span></p>
                                <p class="upgrade-id" style="display: none">151</p>
                            </div>
                            <div id="autobuyer_VTREE_v151" style="grid-row: 88; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v151_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v151'].update_params()"></div>

                            <div id="upgrade_v161" class="upgrade" style="grid-row: 91 / 94; grid-column: 1 / 4" onclick="player.upgrades['v161'].buy()">
                                <p>All Matter Dimensions gain a bonus based on the amount of Photonic resets<br>
                                Current: ×<span id="upgrade_v161_current_effect"></span></p>
                                <p id="upgrade_v161_next_cost">Cost: <span id="upgrade_v161_cost"></span></p>
                                <p class="upgrade-id" style="display: none">161</p>
                            </div>
                            <div id="autobuyer_VTREE_v161" style="grid-row: 94; grid-column: 3; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v161_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v161'].update_params()"></div>

                            <div id="upgrade_v162" class="upgrade" style="grid-row: 91 / 94; grid-column: 5 / 8" onclick="player.upgrades['v162'].buy()">
                                <p>All Photonic Dimensions gain a bonus based on the amount of Gravitonic resets<br>
                                Current: ×<span id="upgrade_v162_current_effect"></span></p>
                                <p id="upgrade_v162_next_cost">Cost: <span id="upgrade_v162_cost"></span></p>
                                <p class="upgrade-id" style="display: none">162</p>
                            </div>
                            <div id="autobuyer_VTREE_v162" style="grid-row: 94; grid-column: 7; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v162_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v162'].update_params()"></div>

                            <div id="upgrade_v163" class="upgrade" style="grid-row: 91 / 94; grid-column: 9 / 12" onclick="player.upgrades['v163'].buy()">
                                <p>All Gravitonic Dimensions gain a bonus based on the amount of Neutronic resets<br>
                                Current: ×<span id="upgrade_v163_current_effect"></span></p>
                                <p id="upgrade_v163_next_cost">Cost: <span id="upgrade_v163_cost"></span></p>
                                <p class="upgrade-id" style="display: none">163</p>
                            </div>
                            <div id="autobuyer_VTREE_v163" style="grid-row: 94; grid-column: 11; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v163_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v163'].update_params()"></div>

                            <div id="upgrade_v164" class="upgrade" style="grid-row: 91 / 94; grid-column: 13 / 16" onclick="player.upgrades['v164'].buy()">
                                <p>All Neutronic Dimensions gain a bonus based on the amount of Vacuumic resets<br>
                                Current: ×<span id="upgrade_v164_current_effect"></span></p>
                                <p id="upgrade_v164_next_cost">Cost: <span id="upgrade_v164_cost"></span></p>
                                <p class="upgrade-id" style="display: none">164</p>
                            </div>
                            <div id="autobuyer_VTREE_v164" style="grid-row: 94; grid-column: 15; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v164_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v164'].update_params()"></div>

                            <div id="upgrade_v171" class="upgrade" style="grid-row: 97 / 100; grid-column: 1 / 4" onclick="player.upgrades['v171'].buy()">
                                <p>Gain more Photonic resets on Photonic based on the amount of Photons earned<br>
                                Current: ×<span id="upgrade_v171_current_effect"></span></p>
                                <p id="upgrade_v171_next_cost">Cost: <span id="upgrade_v171_cost"></span></p>
                                <p class="upgrade-id" style="display: none">171</p>
                            </div>
                            <div id="autobuyer_VTREE_v171" style="grid-row: 100; grid-column: 3; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v171_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v171'].update_params()"></div>

                            <div id="upgrade_v172" class="upgrade" style="grid-row: 97 / 100; grid-column: 5 / 8" onclick="player.upgrades['v172'].buy()">
                                <p>All Photonic Dimensions gain a bonus based on Gravitonic and Neutronic Challenges completed<br>
                                Current: ×<span id="upgrade_v172_current_effect"></span></p>
                                <p id="upgrade_v172_next_cost">Cost: <span id="upgrade_v172_cost"></span></p>
                                <p class="upgrade-id" style="display: none">172</p>
                            </div>
                            <div id="autobuyer_VTREE_v172" style="grid-row: 100; grid-column: 7; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v172_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v172'].update_params()"></div>

                            <div id="upgrade_v173" class="upgrade" style="grid-row: 97 / 100; grid-column: 9 / 12" onclick="player.upgrades['v173'].buy()">
                                <p>Each bought Gravitonic Dimension gives ×<span class="static-number" extra="1.4"></span> boost to all Gravitonic Dimensions</p>
                                <p id="upgrade_v173_next_cost">Cost: <span id="upgrade_v173_cost"></span></p>
                                <p class="upgrade-id" style="display: none">173</p>
                            </div>
                            <div id="autobuyer_VTREE_v173" style="grid-row: 100; grid-column: 11; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v173_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v173'].update_params()"></div>

                            <div id="upgrade_v174" class="upgrade" style="grid-row: 97 / 100; grid-column: 13 / 16" onclick="player.upgrades['v174'].buy()">
                                <p>The cost of Neutronic particles scales <span class="static-number" extra="20"></span>% slower</p>
                                <p id="upgrade_v174_next_cost">Cost: <span id="upgrade_v174_cost"></span></p>
                                <p class="upgrade-id" style="display: none">174</p>
                            </div>
                            <div id="autobuyer_VTREE_v174" style="grid-row: 100; grid-column: 15; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v174_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v174'].update_params()"></div>

                            <div id="upgrade_v181" class="upgrade" style="grid-row: 103 / 106; grid-column: 1 / 4" onclick="player.upgrades['v181'].buy()">
                                <p>Gain free Tickspeed Upgrades based on the maximum amount of Photons gained on Photonic<br>
                                Current: +<span id="upgrade_v181_current_effect"></span></p>
                                <p id="upgrade_v181_next_cost">Cost: <span id="upgrade_v181_cost"></span></p>
                                <p class="upgrade-id" style="display: none">181</p>
                            </div>
                            <div id="autobuyer_VTREE_v181" style="grid-row: 106; grid-column: 3; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v181_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v181'].update_params()"></div>

                            <div id="upgrade_v182" class="upgrade" style="grid-row: 103 / 106; grid-column: 5 / 8" onclick="player.upgrades['v182'].buy()">
                                <p>All Photonic Dimensions gain a boost based on the maximum Matter ever<br>
                                Current: ×<span id="upgrade_v182_current_effect"></span></p>
                                <p id="upgrade_v182_next_cost">Cost: <span id="upgrade_v182_cost"></span></p>
                                <p class="upgrade-id" style="display: none">182</p>
                            </div>
                            <div id="autobuyer_VTREE_v182" style="grid-row: 106; grid-column: 7; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v182_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v182'].update_params()"></div>

                            <div id="upgrade_v183" class="upgrade" style="grid-row: 103 / 106; grid-column: 9 / 12" onclick="player.upgrades['v183'].buy()">
                                <p>Black Holes also increase resource limit (up to <span class="static-number" extra="1e60"></span>)<br>
                                Current: ×<span id="upgrade_v183_current_effect"></span></p>
                                <p id="upgrade_v183_next_cost">Cost: <span id="upgrade_v183_cost"></span></p>
                                <p class="upgrade-id" style="display: none">183</p>
                            </div>
                            <div id="autobuyer_VTREE_v183" style="grid-row: 106; grid-column: 11; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v183_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v183'].update_params()"></div>

                            <div id="upgrade_v184" class="upgrade" style="grid-row: 103 / 106; grid-column: 13 / 16" onclick="player.upgrades['v184'].buy()">
                                <p>Neutronic particles produce <span class="static-number" extra="10"></span>× more power</p>
                                <p id="upgrade_v184_next_cost">Cost: <span id="upgrade_v184_cost"></span></p>
                                <p class="upgrade-id" style="display: none">184</p>
                            </div>
                            <div id="autobuyer_VTREE_v184" style="grid-row: 106; grid-column: 15; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v184_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v184'].update_params()"></div>

                            <div id="upgrade_v191" class="upgrade" style="grid-row: 109 / 112; grid-column: 1 / 4" onclick="player.upgrades['v191'].buy()">
                                <p>All Matter Dimensions gain a bonus based on Light<br>
                                Current: ×<span id="upgrade_v191_current_effect"></span></p>
                                <p id="upgrade_v191_next_cost">Cost: <span id="upgrade_v191_cost"></span></p>
                                <p class="upgrade-id" style="display: none">191</p>
                            </div>
                            <div id="autobuyer_VTREE_v191" style="grid-row: 112; grid-column: 3; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v191_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v191'].update_params()"></div>

                            <div id="upgrade_v192" class="upgrade" style="grid-row: 109 / 112; grid-column: 5 / 8" onclick="player.upgrades['v192'].buy()">
                                <p>Stars also boost 1st Photonic Dimension<br>
                                Current: ×<span id="upgrade_v192_current_effect"></span></p>
                                <p id="upgrade_v192_next_cost">Cost: <span id="upgrade_v192_cost"></span></p>
                                <p class="upgrade-id" style="display: none">192</p>
                            </div>
                            <div id="autobuyer_VTREE_v192" style="grid-row: 112; grid-column: 7; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v192_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v192'].update_params()"></div>

                            <div id="upgrade_v193" class="upgrade" style="grid-row: 109 / 112; grid-column: 9 / 12" onclick="player.upgrades['v193'].buy()">
                                <p>Stars also produce Black Holes<br>
                                Current: <span id="upgrade_v193_current_effect"></span>/s</p>
                                <p id="upgrade_v193_next_cost">Cost: <span id="upgrade_v193_cost"></span></p>
                                <p class="upgrade-id" style="display: none">193</p>
                            </div>
                            <div id="autobuyer_VTREE_v193" style="grid-row: 112; grid-column: 11; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v193_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v193'].update_params()"></div>

                            <div id="upgrade_v194" class="upgrade" style="grid-row: 109 / 112; grid-column: 13 / 16" onclick="player.upgrades['v194'].buy()">
                                <p>Keep Stars on Neutronic resets</p>
                                <p id="upgrade_v194_next_cost">Cost: <span id="upgrade_v194_cost"></span></p>
                                <p class="upgrade-id" style="display: none">194</p>
                            </div>
                            <div id="autobuyer_VTREE_v194" style="grid-row: 112; grid-column: 15; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v194_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v194'].update_params()"></div>

                            <div id="upgrade_v201" class="upgrade" style="grid-row: 115 / 118; grid-column: 7 / 10" onclick="player.upgrades['v201'].buy()">
                                <p>You can pick all paths from any splits, but each new path from the same split is twice as expensive</p>
                                <p id="upgrade_v201_next_cost">Cost: <span id="upgrade_v201_cost"></span></p>
                                <p class="upgrade-id" style="display: none">201</p>
                            </div>
                            <div id="autobuyer_VTREE_v201" style="grid-row: 118; grid-column: 9; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v201_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v201'].update_params()"></div>

                            <div id="upgrade_v211" class="upgrade" style="grid-row: 121 / 124; grid-column: 5 / 12" onclick="player.upgrades['v211'].buy()">
                                <p><b>BREAK INFINITY</b><br>
                                Requires the resource limit of at least <span class="static-number" extra="2^1024" finite></span><br>
                                While Infinity is broken, the resource limit is disabled</p>
                                <p id="upgrade_v211_next_cost">Cost: <span id="upgrade_v211_cost"></span></p>
                                <p class="upgrade-id" style="display: none">211</p>
                            </div>
                            <div id="autobuyer_VTREE_v211" style="grid-row: 124; grid-column: 11; justify-self: flex-end; align-self: center;"><input id="autobuyer_VTREE_v211_toggle" type="checkbox" onclick="player.autobuyers['VTREE_v211'].update_params()"></div>


                       
                            <div style="grid-row: 1 / 4; grid-column: 1 / 4; margin-right: 15px; display: grid; grid-template-rows: repeat(4, 1fr); grid-template-columns: auto repeat(2, 1fr); gap: 5px;">
                                <div class="vacuumic-next-costs-desc" style="grid-row: 1; grid-column: 1 / 4;"><p style="text-align: center">Future Space Theorem costs</p></div>
                                <div id="vacuumic_next_costs_with_ve" class="vacuumic-next-costs-desc" style="grid-row: 2; grid-column: 1; padding-left: 5px; padding-right: 5px;"><p style="text-align: center">VE</p></div>
                                <div id="vacuumic_next_costs_with_md3" class="vacuumic-next-costs-desc" style="grid-row: 3; grid-column: 1; padding-left: 5px; padding-right: 5px;"><p style="text-align: center">MD3</p></div>
                                <div id="vacuumic_next_costs_with_ntr" class="vacuumic-next-costs-desc" style="grid-row: 4; grid-column: 1; padding-left: 5px; padding-right: 5px;"><p style="text-align: center">Ntr</p></div>
                                <p id="vacuumic_next_costs_with_ve_1" class="vacuumic-next-costs" style="grid-row: 2; grid-column: 2; padding-left: 5px; padding-right: 5px;"></p>
                                <p id="vacuumic_next_costs_with_ve_2" class="vacuumic-next-costs" style="grid-row: 2; grid-column: 3; padding-left: 5px; padding-right: 5px;"></p>
                                <p id="vacuumic_next_costs_with_md3_1" class="vacuumic-next-costs" style="grid-row: 3; grid-column: 2; padding-left: 5px; padding-right: 5px;"></p>
                                <p id="vacuumic_next_costs_with_md3_2" class="vacuumic-next-costs" style="grid-row: 3; grid-column: 3; padding-left: 5px; padding-right: 5px;"></p>
                                <p id="vacuumic_next_costs_with_ntr_1" class="vacuumic-next-costs" style="grid-row: 4; grid-column: 2; padding-left: 5px; padding-right: 5px;"></p>
                                <p id="vacuumic_next_costs_with_ntr_2" class="vacuumic-next-costs" style="grid-row: 4; grid-column: 3; padding-left: 5px; padding-right: 5px;"></p>
                            </div>




                            <div class="unlock-on-st-presets st-presets">
                                <p style="font-size: 1.5em; text-align: center; margin-bottom: 10px">Presets</p>
                                <div style="flex-grow: 1; display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; row-gap: 5px; column-gap: 10px">
                                    <div id="st_preset_preview_0" class="st-preset-preview" style="grid-column: 1; grid-row: 1">
                                        <div class="v11"></div>
                                        <div class="v21"></div>
                                        <div class="v31"></div>
                                        <div class="v32"></div>
                                        <div class="v41"></div>
                                        <div class="v42"></div>
                                        <div class="v51"></div>
                                        <div class="v61"></div>
                                        <div class="v71"></div>
                                        <div class="v72"></div>
                                        <div class="v81"></div>
                                        <div class="v82"></div>
                                        <div class="v83"></div>
                                        <div class="v91"></div>
                                        <div class="v92"></div>
                                        <div class="v93"></div>
                                        <div class="v101"></div>
                                        <div class="v102"></div>
                                        <div class="v103"></div>
                                        <div class="v111"></div>
                                        <div class="v112"></div>
                                        <div class="v121"></div>
                                        <div class="v122"></div>
                                        <div class="v131"></div>
                                        <div class="v141"></div>
                                        <div class="v142"></div>
                                        <div class="v143"></div>
                                        <div class="v151"></div>
                                        <div class="v161"></div>
                                        <div class="v162"></div>
                                        <div class="v163"></div>
                                        <div class="v164"></div>
                                        <div class="v171"></div>
                                        <div class="v172"></div>
                                        <div class="v173"></div>
                                        <div class="v174"></div>
                                        <div class="v181"></div>
                                        <div class="v182"></div>
                                        <div class="v183"></div>
                                        <div class="v184"></div>
                                        <div class="v191"></div>
                                        <div class="v192"></div>
                                        <div class="v193"></div>
                                        <div class="v194"></div>
                                        <div class="v201"></div>
                                        <div class="v211"></div>
                                    </div>
                                    <div class="setting-button vtree-preset-save" style="grid-column: 1; grid-row: 2" onclick="save_st_preset(0)">
                                        <p>Save</p>
                                    </div>
                                    <div class="setting-button" style="grid-column: 1; grid-row: 3" onclick="load_st_preset(0)">
                                        <p>Load</p>
                                    </div>

                                    <div id="st_preset_preview_1" class="st-preset-preview" style="grid-column: 2; grid-row: 1">
                                        <div class="v11"></div>
                                        <div class="v21"></div>
                                        <div class="v31"></div>
                                        <div class="v32"></div>
                                        <div class="v41"></div>
                                        <div class="v42"></div>
                                        <div class="v51"></div>
                                        <div class="v61"></div>
                                        <div class="v71"></div>
                                        <div class="v72"></div>
                                        <div class="v81"></div>
                                        <div class="v82"></div>
                                        <div class="v83"></div>
                                        <div class="v91"></div>
                                        <div class="v92"></div>
                                        <div class="v93"></div>
                                        <div class="v101"></div>
                                        <div class="v102"></div>
                                        <div class="v103"></div>
                                        <div class="v111"></div>
                                        <div class="v112"></div>
                                        <div class="v121"></div>
                                        <div class="v122"></div>
                                        <div class="v131"></div>
                                        <div class="v141"></div>
                                        <div class="v142"></div>
                                        <div class="v143"></div>
                                        <div class="v151"></div>
                                        <div class="v161"></div>
                                        <div class="v162"></div>
                                        <div class="v163"></div>
                                        <div class="v164"></div>
                                        <div class="v171"></div>
                                        <div class="v172"></div>
                                        <div class="v173"></div>
                                        <div class="v174"></div>
                                        <div class="v181"></div>
                                        <div class="v182"></div>
                                        <div class="v183"></div>
                                        <div class="v184"></div>
                                        <div class="v191"></div>
                                        <div class="v192"></div>
                                        <div class="v193"></div>
                                        <div class="v194"></div>
                                        <div class="v201"></div>
                                        <div class="v211"></div>
                                    </div>
                                    <div class="setting-button vtree-preset-save" style="grid-column: 2; grid-row: 2" onclick="save_st_preset(1)">
                                        <p>Save</p>
                                    </div>
                                    <div class="setting-button" style="grid-column: 2; grid-row: 3" onclick="load_st_preset(1)">
                                        <p>Load</p>
                                    </div>

                                    <div id="st_preset_preview_2" class="st-preset-preview" style="grid-column: 3; grid-row: 1">
                                        <div class="v11"></div>
                                        <div class="v21"></div>
                                        <div class="v31"></div>
                                        <div class="v32"></div>
                                        <div class="v41"></div>
                                        <div class="v42"></div>
                                        <div class="v51"></div>
                                        <div class="v61"></div>
                                        <div class="v71"></div>
                                        <div class="v72"></div>
                                        <div class="v81"></div>
                                        <div class="v82"></div>
                                        <div class="v83"></div>
                                        <div class="v91"></div>
                                        <div class="v92"></div>
                                        <div class="v93"></div>
                                        <div class="v101"></div>
                                        <div class="v102"></div>
                                        <div class="v103"></div>
                                        <div class="v111"></div>
                                        <div class="v112"></div>
                                        <div class="v121"></div>
                                        <div class="v122"></div>
                                        <div class="v131"></div>
                                        <div class="v141"></div>
                                        <div class="v142"></div>
                                        <div class="v143"></div>
                                        <div class="v151"></div>
                                        <div class="v161"></div>
                                        <div class="v162"></div>
                                        <div class="v163"></div>
                                        <div class="v164"></div>
                                        <div class="v171"></div>
                                        <div class="v172"></div>
                                        <div class="v173"></div>
                                        <div class="v174"></div>
                                        <div class="v181"></div>
                                        <div class="v182"></div>
                                        <div class="v183"></div>
                                        <div class="v184"></div>
                                        <div class="v191"></div>
                                        <div class="v192"></div>
                                        <div class="v193"></div>
                                        <div class="v194"></div>
                                        <div class="v201"></div>
                                        <div class="v211"></div>
                                    </div>
                                    <div class="setting-button vtree-preset-save" style="grid-column: 3; grid-row: 2" onclick="save_st_preset(2)">
                                        <p>Save</p>
                                    </div>
                                    <div class="setting-button" style="grid-column: 3; grid-row: 3" onclick="load_st_preset(2)">
                                        <p>Load</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="vacuumic_challenges" class="challenge-page" style="display: none;">
                        <p>You need to break Infinity in order to complete Vacuumic challenges.<br>
                        Vacuumic challenge effects apply only to layers below Dimensional.<br>
                        You automatically leave your Vacuumic challenges on Dimensional or higher resets.</p>
                        <div class="challenge-card" id="challenge_v1">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_v1_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Space gain is raised to the power of <span class="static-number" extra="0.1"></span>.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Space gain is raised to the power of <span class="static-number" extra="1.1"></span>, if it is above <span class="static-number" extra="1"></span>/s.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_v1_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_v1_button" onclick="player.challenges['v1'].click()"><p id="challenge_v1_button_text"></p></div>
                            </div>
                        </div>
    
                        <div class="challenge-card" id="challenge_v2">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_v2_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Autobuyers for even-numbered dimensions are disabled.</p>
                                <p><span style="font-weight: bold;">Reward:</span> ×<span class="static-number" extra="2"></span> multiplier to all even-numbered dimensions.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_v2_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_v2_button" onclick="player.challenges['v2'].click()"><p id="challenge_v2_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_v3">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_v3_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> 3rd Dimensions do not produce anything.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Neutronic Upgrade 21 is <span class="static-number" extra="33"></span>% more powerful.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_v3_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_v3_button" onclick="player.challenges['v3'].click()"><p id="challenge_v3_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_v4">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_v4_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Photon and Neutron gains are raised to the power of <span class="static-number" extra="0.25"></span>. Graviton gain is divided by <span class="static-number" extra="4"></span>.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Photon and Neutron gains are multiplied by <span class="static-number" extra="4"></span>. Gain <span class="static-number" extra="4"></span>% more Gravitons.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_v4_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_v4_button" onclick="player.challenges['v4'].click()"><p id="challenge_v4_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_v5">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_v5_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> The resource limit for Light, Black Holes, Stars and Inflation is always <span class="static-number" extra="1e5"></span>.</p>
                                <p><span style="font-weight: bold;">Reward:</span> The boost from Inflation to Photonic, Gravitonic and Neutronic dimensions is raised to a power of <span class="static-number" extra="1.5"></span>.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_v5_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_v5_button" onclick="player.challenges['v5'].click()"><p id="challenge_v5_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_v6">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_v6_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Vacuumic resets all Vacuumic upgrades and Space Theorem count. Entering this challenge resets all Vacuumic upgrades and Space Theorem count.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Space Theorem cost scaling is divided by <span class="static-number" extra="1.006"></span>.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_v6_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_v6_button" onclick="player.challenges['v6'].click()"><p id="challenge_v6_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_v7">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_v7_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Repeatable upgrades are disabled.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Gain <span class="static-number" extra="0.7"></span> free levels of all owned repeatable Photonic upgrades.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_v7_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_v7_button" onclick="player.challenges['v7'].click()"><p id="challenge_v7_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_v8">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_v8_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> Only the leftmost path is available on all splits.</p>
                                <p><span style="font-weight: bold;">Reward:</span> Branches past the second one on any split are <span class="static-number" extra="2"></span>× cheaper.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_v8_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_v8_button" onclick="player.challenges['v8'].click()"><p id="challenge_v8_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_v0">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_v0_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> All Vacuumic challenges at once.</p>
                                <p><span style="font-weight: bold;">Reward:</span> ???</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_v0_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_v0_button" onclick="player.challenges['v0'].click()"><p id="challenge_v0_button_text"></p></div>
                            </div>
                        </div>
                    </div>

                    <div id="vacuumic_temperature" style="display: none;">
                        <p class="achievement-bonus" style="text-align: left;">The current temperature of the Universe is <span id="mechanic_temperature_current" class="large-number"></span>.</p>
                        <p>Increase temperature by diverting energy production into heating the Universe.</p>
                        <p>The heating is currently <span id="mechanic_temperature_heating_status" style="font-weight: bold;"></span>.</p>
                        <div style="display: flex; flex-direction: row; justify-content: center"><div class="setting-button" onclick="switch_heating_status()" style="width: 20%"><p id="mechanic_temperature_heating_button"></p></div><label id="smart_distribution_checkbox" style="display: flex; flex-direction: row; align-items: center; gap: 5px; padding-left: 10px"><input id="mechanic_temperature_smart_distribution" type="checkbox"><p>Distribute 50% of energy</p></label></div>
                        <p>&nbsp;</p>
                        <p id="mechanic_temperature_vacuumic_reduction">Temperature is greatly reduced on Vacuumic resets due to space expansion.
                        <br>If you perform a Vacuumic right now, the new temperature would be <span id="mechanic_temperature_future"></span>.</p>
                        <p>&nbsp;</p>
                        <p>Temperature resets on Dimensional resets.</p>
                        <p class="subsection-header">Temperature Milestones</p>
                        <p>Reach specified temperature goals to receive boosts!</p>
                        <p>Temperature Milestones are active only when your temperature is higher than the goal.</p>
                        <div class="temperature-milestones">
                            <div class="temperature-milestone" id="milestone_temperature_1">
                                <p class="temperature-milestone-goal" id="milestone_temperature_1_goal"></p>
                                <div class="milestone" id="milestone_temperature_1_indicator" style="grid-row: 1; grid-column: 2;"></div>
                                <div class="temperature-milestone-desc">
                                    <p>Achievement multiplier is increased based on current Temperature.</p>
                                    <p>Current: ×<span id="milestone_temperature_1_effect"></span></p>
                                </div>
                            </div>

                            <div class="temperature-milestone" id="milestone_temperature_2">
                                <p class="temperature-milestone-goal" id="milestone_temperature_2_goal"></p>
                                <div class="milestone" id="milestone_temperature_2_indicator" style="grid-row: 1; grid-column: 2;"></div>
                                <div class="temperature-milestone-desc">
                                    <p>Photon gain is increased based on current Temperature.</p>
                                    <p>Current: ×<span id="milestone_temperature_2_effect"></span></p>
                                </div>
                            </div>

                            <div class="temperature-milestone" id="milestone_temperature_3">
                                <p class="temperature-milestone-goal" id="milestone_temperature_3_goal"></p>
                                <div class="milestone" id="milestone_temperature_3_indicator" style="grid-row: 1; grid-column: 2;"></div>
                                <div class="temperature-milestone-desc">
                                    <p>Neutronic particles produce more power based on current Temperature.</p>
                                    <p>Current: ×<span id="milestone_temperature_3_effect"></span></p>
                                </div>
                            </div>

                            <div class="temperature-milestone" id="milestone_temperature_4">
                                <p class="temperature-milestone-goal" id="milestone_temperature_4_goal"></p>
                                <div class="milestone" id="milestone_temperature_4_indicator" style="grid-row: 1; grid-column: 2;"></div>
                                <div class="temperature-milestone-desc">
                                    <p>Multiplier per Vacuumic Dimension is increased based on current Temperature.</p>
                                    <p>Current: ×<span id="milestone_temperature_4_effect"></span></p>
                                </div>
                            </div>

                            <div class="temperature-milestone" id="milestone_temperature_5">
                                <p class="temperature-milestone-goal" id="milestone_temperature_5_goal"></p>
                                <div class="milestone" id="milestone_temperature_5_indicator" style="grid-row: 1; grid-column: 2;"></div>
                                <div class="temperature-milestone-desc">
                                    <p>Gain more Waves on reset based on current Temperature.</p>
                                    <p>Current: ×<span id="milestone_temperature_5_effect"></span></p>
                                </div>
                            </div>

                            <div class="temperature-milestone" id="milestone_temperature_6">
                                <p class="temperature-milestone-goal" id="milestone_temperature_6_goal"></p>
                                <div class="milestone" id="milestone_temperature_6_indicator" style="grid-row: 1; grid-column: 2;"></div>
                                <div class="temperature-milestone-desc">
                                    <p>Base Neutronic particle power production is boosted based on current Temperature.</p>
                                    <p>Current: ^<span id="milestone_temperature_6_effect"></span></p>
                                </div>
                            </div>

                            <div class="temperature-milestone" id="milestone_temperature_7">
                                <p class="temperature-milestone-goal" id="milestone_temperature_7_goal"></p>
                                <div class="milestone" id="milestone_temperature_7_indicator" style="grid-row: 1; grid-column: 2;"></div>
                                <div class="temperature-milestone-desc">
                                    <p>Shard gain is increased based on current Temperature.</p>
                                    <p>Current: ×<span id="milestone_temperature_7_effect"></span></p>
                                </div>
                            </div>

                            <div class="temperature-milestone" id="milestone_temperature_8">
                                <p class="temperature-milestone-goal" id="milestone_temperature_8_goal"></p>
                                <div class="milestone" id="milestone_temperature_8_indicator" style="grid-row: 1; grid-column: 2;"></div>
                                <div class="temperature-milestone-desc">
                                    <p>Tickspeed Upgrade power is increased based on current Temperature.</p>
                                    <p>Current: ×<span id="milestone_temperature_8_effect"></span></p>
                                </div>
                            </div>
                        </div>
                        <p class="subsection-header">Temperature Resets</p>
                        <p>Reset your Temperature to obtain Waves that provide various boosts!</p>
                        <div class="temperature-resets">
                            <div class="temperature-reset">
                                <div style="grid-row: 1; grid-column: 1; text-align: center">
                                    <p><span class="temperature-reset-name">Infrared</span><br>
                                    <span id="resource_infrared_waves" style="font-weight: bold;"></span> Infrared Waves</p>
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 5px; grid-row: 1; grid-column: 2;">
                                    <div id="mechanic_temperature_infrared_reset" class="prestige-layer-ascend" onclick="reset_temperature('infrared')">
                                        <p class="prestige-layer-name">Emit Infrared Waves</p>
                                        <p id="mechanic_temperature_infrared_gain" class="prestige-layer-desc">Gain <span id="mechanic_temperature_infrared_gain_amt" style="font-weight: bold"></span> Infrared Waves</p>
                                        <p id="mechanic_temperature_infrared_gain_hint" class="prestige-layer-desc">You need <span id="mechanic_temperature_infrared_gain_hint_amt"></span> of Temperature</p>
                                        <p id="mechanic_temperature_infrared_gain_hint_next" class="prestige-layer-desc">Next at <span id="mechanic_temperature_infrared_gain_hint_next_amt"></span> of Temperature</p>
                                    </div>
                                    <div id="autobuyer_temperature_infrared" class="button-row"><input id="autobuyer_temperature_infrared_toggle" type="checkbox" onclick="player.autobuyers['temperature_infrared'].update_params()"><input id="autobuyer_temperature_infrared_param" type="text" onchange="player.autobuyers['temperature_infrared'].update_params()" style="font-size: 0.9rem;"></div>
                                </div>
                                <p style="grid-row: 1; grid-column: 3; padding-left: 10px">×<span id="mechanic_temperature_infrared_effect" class="large-number"></span> to Energy<span id="mechanic_temperature_p53_effect"> and Photon</span> production</p>
                            </div>

                            <div class="temperature-reset">
                                <div style="grid-row: 1; grid-column: 1; text-align: center">
                                    <p><span class="temperature-reset-name">Red</span><br>
                                    <span id="resource_red_waves" style="font-weight: bold;"></span> Red Waves</p>
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 5px; grid-row: 1; grid-column: 2;">
                                    <div id="mechanic_temperature_red_reset" class="prestige-layer-ascend" onclick="reset_temperature('red')">
                                        <p class="prestige-layer-name">Emit Red Waves</p>
                                        <p id="mechanic_temperature_red_gain" class="prestige-layer-desc">Gain <span id="mechanic_temperature_red_gain_amt" style="font-weight: bold"></span> Red Waves</p>
                                        <p id="mechanic_temperature_red_gain_hint" class="prestige-layer-desc">You need <span id="mechanic_temperature_red_gain_hint_amt"></span> of Temperature</p>
                                        <p id="mechanic_temperature_red_gain_hint_next" class="prestige-layer-desc">Next at <span id="mechanic_temperature_red_gain_hint_next_amt"></span> of Temperature</p>
                                    </div>
                                    <div id="autobuyer_temperature_red" class="button-row"><input id="autobuyer_temperature_red_toggle" type="checkbox" onclick="player.autobuyers['temperature_red'].update_params()"><input id="autobuyer_temperature_red_param" type="text" onchange="player.autobuyers['temperature_red'].update_params()" style="font-size: 0.9rem;"></div>
                                </div>
                                <p style="grid-row: 1; grid-column: 3; padding-left: 10px">Boost all Matter Dimensions by ×<span id="mechanic_temperature_red_effect" class="large-number"></span></p>
                            </div>

                            <div class="temperature-reset">
                                <div style="grid-row: 1; grid-column: 1; text-align: center">
                                    <p><span class="temperature-reset-name">Green</span><br>
                                    <span id="resource_green_waves" style="font-weight: bold;"></span> Green Waves</p>
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 5px; grid-row: 1; grid-column: 2;">
                                    <div id="mechanic_temperature_green_reset" class="prestige-layer-ascend" onclick="reset_temperature('green')">
                                        <p class="prestige-layer-name">Emit Green Waves</p>
                                        <p id="mechanic_temperature_green_gain" class="prestige-layer-desc">Gain <span id="mechanic_temperature_green_gain_amt" style="font-weight: bold"></span> Green Waves</p>
                                        <p id="mechanic_temperature_green_gain_hint" class="prestige-layer-desc">You need <span id="mechanic_temperature_green_gain_hint_amt"></span> of Temperature</p>
                                        <p id="mechanic_temperature_green_gain_hint_next" class="prestige-layer-desc">Next at <span id="mechanic_temperature_green_gain_hint_next_amt"></span> of Temperature</p>
                                    </div>
                                    <div id="autobuyer_temperature_green" class="button-row"><input id="autobuyer_temperature_green_toggle" type="checkbox" onclick="player.autobuyers['temperature_green'].update_params()"><input id="autobuyer_temperature_green_param" type="text" onchange="player.autobuyers['temperature_green'].update_params()" style="font-size: 0.9rem;"></div>
                                </div>
                                <p style="grid-row: 1; grid-column: 3; padding-left: 10px">Gain +<span id="mechanic_temperature_green_effect" class="large-number"></span> Gravitons upon Gravitonic reset</p>
                            </div>

                            <div class="temperature-reset">
                                <div style="grid-row: 1; grid-column: 1; text-align: center">
                                    <p><span class="temperature-reset-name">Blue</span><br>
                                    <span id="resource_blue_waves" style="font-weight: bold;"></span> Blue Waves</p>
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 5px; grid-row: 1; grid-column: 2;">
                                    <div id="mechanic_temperature_blue_reset" class="prestige-layer-ascend" style="grid-row: 1; grid-column: 2;" onclick="reset_temperature('blue')">
                                        <p class="prestige-layer-name">Emit Blue Waves</p>
                                        <p id="mechanic_temperature_blue_gain" class="prestige-layer-desc">Gain <span id="mechanic_temperature_blue_gain_amt" style="font-weight: bold"></span> Blue Waves</p>
                                        <p id="mechanic_temperature_blue_gain_hint" class="prestige-layer-desc">You need <span id="mechanic_temperature_blue_gain_hint_amt"></span> of Temperature</p>
                                        <p id="mechanic_temperature_blue_gain_hint_next" class="prestige-layer-desc">Next at <span id="mechanic_temperature_blue_gain_hint_next_amt"></span> of Temperature</p>
                                    </div>
                                    <div id="autobuyer_temperature_blue" class="button-row"><input id="autobuyer_temperature_blue_toggle" type="checkbox" onclick="player.autobuyers['temperature_blue'].update_params()"><input id="autobuyer_temperature_blue_param" type="text" onchange="player.autobuyers['temperature_blue'].update_params()" style="font-size: 0.9rem;"></div>
                                </div>
                                <p style="grid-row: 1; grid-column: 3; padding-left: 10px">Gain ×<span id="mechanic_temperature_blue_effect" class="large-number"></span> Vacuum Energy on Vacuumic reset<br>(based on space)</p>
                            </div>

                            <div class="temperature-reset">
                                <div style="grid-row: 1; grid-column: 1; text-align: center">
                                    <p><span class="temperature-reset-name">Ultraviolet</span><br>
                                    <span id="resource_ultraviolet_waves" style="font-weight: bold;"></span> Ultraviolet Waves</p>
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 5px; grid-row: 1; grid-column: 2;">
                                    <div id="mechanic_temperature_ultraviolet_reset" class="prestige-layer-ascend" style="grid-row: 1; grid-column: 2;" onclick="reset_temperature('ultraviolet')">
                                        <p class="prestige-layer-name">Emit Ultraviolet Waves</p>
                                        <p id="mechanic_temperature_ultraviolet_gain" class="prestige-layer-desc">Gain <span id="mechanic_temperature_ultraviolet_gain_amt" style="font-weight: bold"></span> Ultraviolet Waves</p>
                                        <p id="mechanic_temperature_ultraviolet_gain_hint" class="prestige-layer-desc">You need <span id="mechanic_temperature_ultraviolet_gain_hint_amt"></span> of Temperature</p>
                                        <p id="mechanic_temperature_ultraviolet_gain_hint_next" class="prestige-layer-desc">Next at <span id="mechanic_temperature_ultraviolet_gain_hint_next_amt"></span> of Temperature</p>
                                    </div>
                                    <div id="autobuyer_temperature_ultraviolet" class="button-row"><input id="autobuyer_temperature_ultraviolet_toggle" type="checkbox" onclick="player.autobuyers['temperature_ultraviolet'].update_params()"><input id="autobuyer_temperature_ultraviolet_param" type="text" onchange="player.autobuyers['temperature_ultraviolet'].update_params()" style="font-size: 0.9rem;"></div>
                                </div>
                                <p style="grid-row: 1; grid-column: 3; padding-left: 10px">Space Theorem cost scaling is ×<span id="mechanic_temperature_ultraviolet_effect" class="large-number"></span> slower</p>
                            </div>

                            <div id="mechanic_temperature_xray_waves" class="temperature-reset">
                                <div style="grid-row: 1; grid-column: 1; text-align: center">
                                    <p><span class="temperature-reset-name">X-Ray</span><br>
                                    <span id="resource_xray_waves" style="font-weight: bold;"></span> X-Ray Waves</p>
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 5px; grid-row: 1; grid-column: 2;">
                                    <div id="mechanic_temperature_xray_reset" class="prestige-layer-ascend" style="grid-row: 1; grid-column: 2;" onclick="reset_temperature('xray')">
                                        <p class="prestige-layer-name">Emit X-Ray Waves</p>
                                        <p id="mechanic_temperature_xray_gain" class="prestige-layer-desc">Gain <span id="mechanic_temperature_xray_gain_amt" style="font-weight: bold"></span> X-Ray Waves</p>
                                        <p id="mechanic_temperature_xray_gain_hint" class="prestige-layer-desc">You need <span id="mechanic_temperature_xray_gain_hint_amt"></span> of Temperature</p>
                                        <p id="mechanic_temperature_xray_gain_hint_next" class="prestige-layer-desc">Next at <span id="mechanic_temperature_xray_gain_hint_next_amt"></span> of Temperature</p>
                                    </div>
                                    <div id="autobuyer_temperature_xray" class="button-row"><input id="autobuyer_temperature_xray_toggle" type="checkbox" onclick="player.autobuyers['temperature_xray'].update_params()"><input id="autobuyer_temperature_xray_param" type="text" onchange="player.autobuyers['temperature_xray'].update_params()" style="font-size: 0.9rem;"></div>
                                </div>
                                <p style="grid-row: 1; grid-column: 3; padding-left: 10px">Tickspeed Upgrades are <span id="mechanic_temperature_xray_effect" class="large-number"></span>% more effective</p>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="layer-info" id="section_dimensional" style="display: none">
                    <div id="dimensional_dimensions" class="dimension-list" style="display: none;">
                        <p class="achievement-bonus" style="text-align: left;">You have <span id="resource_manifolds" class="large-number"></span> Manifolds.</p>
                        <p>They give ×<span class="power_manifolds" style="font-weight: bold;"></span> base power to boosts from bought Dimensional Dimensions.</p>
                        <p style="margin-bottom: 10px">Dimensional Dimensions boost all previous dimensions.</p>
                        <div class="autobuyer-toggle-wrapper">
                            <div class="setting-button autobuyer-toggle" layer="dimensional" onclick="toggle_autobuyers(this.attributes.layer.value)"><p>Toggle all</p></div>
                        </div>
                        <div id="dimension_dimensional_1">
                            <div class="dimension">
                                <p class="dimension-name">1st Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_1_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_1_amt"></span> (<span id="dimension_dimensional_1_bought"></span>)</p>
                                <div id="dimension_dimensional_1_buy" class="dimension-cost" onclick="player.dimensions['dimensional_1'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_1_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_1" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_1_toggle" type="checkbox" onclick="player.autobuyers['dimensional_1'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_1"></span> to 1st Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_2">
                            <div class="dimension">
                                <p class="dimension-name">2nd Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_2_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_2_amt"></span> (<span id="dimension_dimensional_2_bought"></span>)</p>
                                <div id="dimension_dimensional_2_buy" class="dimension-cost" onclick="player.dimensions['dimensional_2'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_2_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_2" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_2_toggle" type="checkbox" onclick="player.autobuyers['dimensional_2'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_2"></span> to 2nd Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_3">
                            <div class="dimension">
                                <p class="dimension-name">3rd Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_3_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_3_amt"></span> (<span id="dimension_dimensional_3_bought"></span>)</p>
                                <div id="dimension_dimensional_3_buy" class="dimension-cost" onclick="player.dimensions['dimensional_3'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_3_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_3" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_3_toggle" type="checkbox" onclick="player.autobuyers['dimensional_3'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_3"></span> to 3rd Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_4">
                            <div class="dimension">
                                <p class="dimension-name">4th Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_4_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_4_amt"></span> (<span id="dimension_dimensional_4_bought"></span>)</p>
                                <div id="dimension_dimensional_4_buy" class="dimension-cost" onclick="player.dimensions['dimensional_4'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_4_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_4" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_4_toggle" type="checkbox" onclick="player.autobuyers['dimensional_4'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_4"></span> to 4th Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_5">
                            <div class="dimension">
                                <p class="dimension-name">5th Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_5_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_5_amt"></span> (<span id="dimension_dimensional_5_bought"></span>)</p>
                                <div id="dimension_dimensional_5_buy" class="dimension-cost" onclick="player.dimensions['dimensional_5'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_5_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_5" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_5_toggle" type="checkbox" onclick="player.autobuyers['dimensional_5'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_5"></span> to 5th Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_6">
                            <div class="dimension">
                                <p class="dimension-name">6th Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_6_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_6_amt"></span> (<span id="dimension_dimensional_6_bought"></span>)</p>
                                <div id="dimension_dimensional_6_buy" class="dimension-cost" onclick="player.dimensions['dimensional_6'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_6_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_6" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_6_toggle" type="checkbox" onclick="player.autobuyers['dimensional_6'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_6"></span> to 6th Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_7">
                            <div class="dimension">
                                <p class="dimension-name">7th Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_7_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_7_amt"></span> (<span id="dimension_dimensional_7_bought"></span>)</p>
                                <div id="dimension_dimensional_7_buy" class="dimension-cost" onclick="player.dimensions['dimensional_7'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_7_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_7" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_7_toggle" type="checkbox" onclick="player.autobuyers['dimensional_7'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_7"></span> to 7th Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_8">
                            <div class="dimension">
                                <p class="dimension-name">8th Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_8_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_8_amt"></span> (<span id="dimension_dimensional_8_bought"></span>)</p>
                                <div id="dimension_dimensional_8_buy" class="dimension-cost" onclick="player.dimensions['dimensional_8'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_8_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_8" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_8_toggle" type="checkbox" onclick="player.autobuyers['dimensional_8'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_8"></span> to 8th Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_9">
                            <div class="dimension">
                                <p class="dimension-name">9th Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_9_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_9_amt"></span> (<span id="dimension_dimensional_9_bought"></span>)</p>
                                <div id="dimension_dimensional_9_buy" class="dimension-cost" onclick="player.dimensions['dimensional_9'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_9_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_9" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_9_toggle" type="checkbox" onclick="player.autobuyers['dimensional_9'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_9"></span> to 9th Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_10">
                            <div class="dimension">
                                <p class="dimension-name">10th Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_10_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_10_amt"></span> (<span id="dimension_dimensional_10_bought"></span>)</p>
                                <div id="dimension_dimensional_10_buy" class="dimension-cost" onclick="player.dimensions['dimensional_10'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_10_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_10" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_10_toggle" type="checkbox" onclick="player.autobuyers['dimensional_10'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_10"></span> to 10th Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_11">
                            <div class="dimension">
                                <p class="dimension-name">11th Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_11_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_11_amt"></span> (<span id="dimension_dimensional_11_bought"></span>)</p>
                                <div id="dimension_dimensional_11_buy" class="dimension-cost" onclick="player.dimensions['dimensional_11'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_11_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_11" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_11_toggle" type="checkbox" onclick="player.autobuyers['dimensional_11'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_11"></span> to 11th Dimensions</p>
                        </div>
                        <div id="dimension_dimensional_12">
                            <div class="dimension">
                                <p class="dimension-name">12th Dimensional Dimension</p>
                                <p class="dimension-production">×<span id="dimension_dimensional_12_prod"></span></p>
                                <p class="dimension-amount"><span id="dimension_dimensional_12_amt"></span> (<span id="dimension_dimensional_12_bought"></span>)</p>
                                <div id="dimension_dimensional_12_buy" class="dimension-cost" onclick="player.dimensions['dimensional_12'].buy()">
                                    <p>Cost: <span id="dimension_dimensional_12_cost"></span></p>
                                </div>
                                <div id="autobuyer_dimensional_12" class="dimension-autobuyer" style="visibility: hidden"><input id="autobuyer_dimensional_12_toggle" type="checkbox" onclick="player.autobuyers['dimensional_12'].update_params()"></div>
                            </div>
                            <p style="margin-bottom: 15px">provides ×<span style="font-weight: bold;" id="dimensional_boost_12"></span> to 12th Dimensions</p>
                        </div>
                    </div>

                    <div id="dimensional_upgrades">
                        <p class="achievement-bonus">You have <span class="prestige_currency_dimensional large-number"></span> Shards.</p>
                        <div style="margin: 5px; margin-left: 37.6%; margin-right: 37.6%; display: flex; flex-direction: row; gap: 5px; align-items: center">
                            <div id="upgrades_dimensional_buy_max" class="dimension-cost" onclick="max_buy_upgrades('d')" style="flex-grow: 1">
                                <p>Buy max (M)</p>
                            </div>
                        </div>
                        <div class="upgrade-list-dimensional">
                            <div id="upgrade_d11" class="upgrade" style="grid-row: 1; grid-column: 4 / 6" onclick="player.upgrades['d11'].buy()">
                                <p>Gain Vacuum Energy on Dimensional and upon buying this upgrade (based on unlocked layers)
                                <br>Current: <span id="upgrade_d11_next_effect"></span></p>
                                <p id="upgrade_d11_next_cost">Cost: <span id="upgrade_d11_cost"></span></p>
                                <p class="upgrade-id" style="display: none">11</p>
                            </div>
                            <div id="upgrade_d21" class="upgrade" style="grid-row: 2; grid-column: 4 / 6" onclick="player.upgrades['d21'].buy()">
                                <p><span style="font-weight: bold">DIMENSIONAL SHIFT</span><br>
                                Unlock 5th dimension</p>
                                <p id="upgrade_d21_next_cost">Cost: <span id="upgrade_d21_cost"></span></p>
                                <p class="upgrade-id" style="display: none">21</p>
                            </div>

                            <div id="upgrade_d31" class="upgrade" style="grid-row: 3; grid-column: 3 / 5" onclick="player.upgrades['d31'].buy()">
                                <p>You can buy Space Theorems with Neutrons</p>
                                <p id="upgrade_d31_next_cost">Cost: <span id="upgrade_d31_cost"></span></p>
                                <p class="upgrade-id" style="display: none">31</p>
                            </div>
                            <div id="upgrade_d32" class="upgrade" style="grid-row: 3; grid-column: 5 / 7" onclick="player.upgrades['d32'].buy()">
                                <p>You can buy Space Theorems with 3rd Matter Dimensions</p>
                                <p id="upgrade_d32_next_cost">Cost: <span id="upgrade_d32_cost"></span></p>
                                <p class="upgrade-id" style="display: none">32</p>
                            </div>
                            <div id="upgrade_d41" class="upgrade" style="grid-row: 4; grid-column: 4 / 6" onclick="player.upgrades['d41'].buy()">
                                <p><span style="font-weight: bold">DIMENSIONAL SHIFT</span><br>
                                Unlock 6th dimension</p>
                                <p id="upgrade_d41_next_cost">Cost: <span id="upgrade_d41_cost"></span></p>
                                <p class="upgrade-id" style="display: none">41</p>
                            </div>

                            <div id="upgrade_d51" class="upgrade" style="grid-row: 5; grid-column: 3 / 5" onclick="player.upgrades['d51'].buy()">
                                <p>Reduce Space Theorem cost scaling by <span class="static-number" extra="1"></span>%<br>
                                Current: /<span id="upgrade_d51_current_effect"></span>
                                <span id="upgrade_d51_next"><br>Next: /<span id="upgrade_d51_next_effect"></span></span></p>
                                <p id="upgrade_d51_next_cost">Cost: <span id="upgrade_d51_cost"></span></p>
                                <p class="upgrade-id" style="display: none">51</p>
                            </div>
                            <div id="upgrade_d52" class="upgrade" style="grid-row: 5; grid-column: 5 / 7" onclick="player.upgrades['d52'].buy()">
                                <p>Higher level Dimensions give more Shards<br>
                                Current: ×<span id="upgrade_d52_current_effect"></span>^level
                                <span id="upgrade_d52_next"><br>Next: ×<span id="upgrade_d52_next_effect"></span>^level</span></p>
                                <p id="upgrade_d52_next_cost">Cost: <span id="upgrade_d52_cost"></span></p>
                                <p class="upgrade-id" style="display: none">52</p>
                            </div>
                            <div id="upgrade_d61" class="upgrade" style="grid-row: 6; grid-column: 2 / 4" onclick="player.upgrades['d61'].buy()">
                                <p>Gain free Gravitons upon Gravitonic reset<br>
                                Current: <span id="upgrade_d61_current_effect"></span> Gravitons
                                <span id="upgrade_d61_next"><br>Next: <span id="upgrade_d61_next_effect"></span> Gravitons</span></p>
                                <p id="upgrade_d61_next_cost">Cost: <span id="upgrade_d61_cost"></span></p>
                                <p class="upgrade-id" style="display: none">61</p>
                            </div>
                            <div id="upgrade_d62" class="upgrade" style="grid-row: 6; grid-column: 4 / 6" onclick="player.upgrades['d62'].buy()">
                                <p>Multiplier to 2nd Matter Dimension<br>
                                Current: ×<span id="upgrade_d62_current_effect"></span>
                                <span id="upgrade_d62_next"><br>Next: ×<span id="upgrade_d62_next_effect"></span></span></p>
                                <p id="upgrade_d62_next_cost">Cost: <span id="upgrade_d62_cost"></span></p>
                                <p class="upgrade-id" style="display: none">62</p>
                            </div>
                            <div id="upgrade_d63" class="upgrade" style="grid-row: 6; grid-column: 6 / 8" onclick="player.upgrades['d63'].buy()">
                                <p>Space production is faster<br>
                                Current: ×<span id="upgrade_d63_current_effect"></span>
                                <span id="upgrade_d63_next"><br>Next: ×<span id="upgrade_d63_next_effect"></span></span></p>
                                <p id="upgrade_d63_next_cost">Cost: <span id="upgrade_d63_cost"></span></p>
                                <p class="upgrade-id" style="display: none">63</p>
                            </div>
                            <div id="upgrade_d71" class="upgrade" style="grid-row: 7; grid-column: 3 / 5" onclick="player.upgrades['d71'].buy()">
                                <p>Unlock Vacuumic dimensions</p>
                                <p id="upgrade_d71_next_cost">Cost: <span id="upgrade_d71_cost"></span></p>
                                <p class="upgrade-id" style="display: none">71</p>
                            </div>
                            <div id="upgrade_d72" class="upgrade" style="grid-row: 7; grid-column: 5 / 7" onclick="player.upgrades['d72'].buy()">
                                <p>Unlock autobuyer for Neutronic resets</p>
                                <p id="upgrade_d72_next_cost">Cost: <span id="upgrade_d72_cost"></span></p>
                                <p class="upgrade-id" style="display: none">72</p>
                            </div>
                            <div id="upgrade_d81" class="upgrade" style="grid-row: 8; grid-column: 4 / 6" onclick="player.upgrades['d81'].buy()">
                                <p><span style="font-weight: bold">DIMENSIONAL SHIFT</span><br>
                                Unlock 7th dimension</p>
                                <p id="upgrade_d81_next_cost">Cost: <span id="upgrade_d81_cost"></span></p>
                                <p class="upgrade-id" style="display: none">81</p>
                            </div>

                            <div id="upgrade_d91" class="upgrade" style="grid-row: 9; grid-column: 3 / 5" onclick="player.upgrades['d91'].buy()">
                                <p>Unlock Temperature in the Vacuumic tab</p>
                                <p id="upgrade_d91_next_cost">Cost: <span id="upgrade_d91_cost"></span></p>
                                <p class="upgrade-id" style="display: none">91</p>
                            </div>
                            <div id="upgrade_d92" class="upgrade" style="grid-row: 9; grid-column: 5 / 7" onclick="player.upgrades['d92'].buy()">
                                <p>Boost Neutron gain based on Dimensional resets<br>
                                Current: ×<span id="upgrade_d92_current_effect"></span></p>
                                <p id="upgrade_d92_next_cost">Cost: <span id="upgrade_d92_cost"></span></p>
                                <p class="upgrade-id" style="display: none">92</p>
                            </div>
                            <div id="upgrade_d101" class="upgrade" style="grid-row: 10; grid-column: 2 / 4" onclick="player.upgrades['d101'].buy()">
                                <p>Inflation also boosts the first two Photonic Dimensions<br>
                                Current: ×<span id="upgrade_d101_current_effect"></span></p>
                                <p id="upgrade_d101_next_cost">Cost: <span id="upgrade_d101_cost"></span></p>
                                <p class="upgrade-id" style="display: none">101</p>
                            </div>
                            <div id="upgrade_d102" class="upgrade" style="grid-row: 10; grid-column: 4 / 6" onclick="player.upgrades['d102'].buy()">
                                <p>Keep Neutronic upgrades on Vacuumic resets</p>
                                <p id="upgrade_d102_next_cost">Cost: <span id="upgrade_d102_cost"></span></p>
                                <p class="upgrade-id" style="display: none">102</p>
                            </div>
                            <div id="upgrade_d103" class="upgrade" style="grid-row: 10; grid-column: 6 / 8" onclick="player.upgrades['d103'].buy()">
                                <p>Boost Shard production based on Dimensional resets<br>
                                Current: ×<span id="upgrade_d103_current_effect"></span></p>
                                <p id="upgrade_d103_next_cost">Cost: <span id="upgrade_d103_cost"></span></p>
                                <p class="upgrade-id" style="display: none">103</p>
                            </div>
                            <div id="upgrade_d111" class="upgrade" style="grid-row: 11; grid-column: 1 / 3" onclick="player.upgrades['d111'].buy()">
                                <p>Inflation also boosts the first three Gravitonic Dimensions<br>
                                Current: ×<span id="upgrade_d111_current_effect"></span></p>
                                <p id="upgrade_d111_next_cost">Cost: <span id="upgrade_d111_cost"></span></p>
                                <p class="upgrade-id" style="display: none">111</p>
                            </div>
                            <div id="upgrade_d112" class="upgrade" style="grid-row: 11; grid-column: 3 / 5" onclick="player.upgrades['d112'].buy()">
                                <p>Inflation also boosts the first four Neutronic Dimensions<br>
                                Current: ×<span id="upgrade_d112_current_effect"></span></p>
                                <p id="upgrade_d112_next_cost">Cost: <span id="upgrade_d112_cost"></span></p>
                                <p class="upgrade-id" style="display: none">112</p>
                            </div>
                            <div id="upgrade_d113" class="upgrade" style="grid-row: 11; grid-column: 5 / 7" onclick="player.upgrades['d113'].buy()">
                                <p>Shards boost Energy production<br>
                                Current: ×<span id="upgrade_d113_current_effect"></span></p>
                                <p id="upgrade_d113_next_cost">Cost: <span id="upgrade_d113_cost"></span></p>
                                <p class="upgrade-id" style="display: none">113</p>
                            </div>
                            <div id="upgrade_d114" class="upgrade" style="grid-row: 11; grid-column: 7 / 9" onclick="player.upgrades['d114'].buy()">
                                <p>Boost Shard production based on Vacuumic challenges completed, and unlock Vacuumic challenges<br>
                                Current: ×<span id="upgrade_d114_current_effect"></span></p>
                                <p id="upgrade_d114_next_cost">Cost: <span id="upgrade_d114_cost"></span></p>
                                <p class="upgrade-id" style="display: none">114</p>
                            </div>
                            <div id="upgrade_d121" class="upgrade" style="grid-row: 12; grid-column: 2 / 4" onclick="player.upgrades['d121'].buy()">
                                <p>Inflation also boosts all Vacuumic Dimensions<br>
                                Current: ×<span id="upgrade_d121_current_effect"></span></p>
                                <p id="upgrade_d121_next_cost">Cost: <span id="upgrade_d121_cost"></span></p>
                                <p class="upgrade-id" style="display: none">121</p>
                            </div>
                            <div id="upgrade_d122" class="upgrade" style="grid-row: 12; grid-column: 4 / 6" onclick="player.upgrades['d122'].buy()">
                                <p>Keep Neutronic particles and their upgrades on Vacuumic resets</p>
                                <p id="upgrade_d122_next_cost">Cost: <span id="upgrade_d122_cost"></span></p>
                                <p class="upgrade-id" style="display: none">122</p>
                            </div>
                            <div id="upgrade_d123" class="upgrade" style="grid-row: 12; grid-column: 6 / 8" onclick="player.upgrades['d123'].buy()">
                                <p>All types of dimensions count for Shard gain, twice more for each layer above Matter. Also, gain twice more Shards</p>
                                <p id="upgrade_d123_next_cost">Cost: <span id="upgrade_d123_cost"></span></p>
                                <p class="upgrade-id" style="display: none">123</p>
                            </div>
                            <div id="upgrade_d131" class="upgrade" style="grid-row: 13; grid-column: 3 / 5" onclick="player.upgrades['d131'].buy()">
                                <p>Dimensional Upgrade that reduces Space Theorem cost scaling is better<br>
                                Current: ×<span id="upgrade_d131_current_effect"></span>
                                <span id="upgrade_d131_next"><br>Next: ×<span id="upgrade_d131_next_effect"></span></span></p>
                                <p id="upgrade_d131_next_cost">Cost: <span id="upgrade_d131_cost"></span></p>
                                <p class="upgrade-id" style="display: none">131</p>
                            </div>
                            <div id="upgrade_d132" class="upgrade" style="grid-row: 13; grid-column: 5 / 7" onclick="player.upgrades['d132'].buy()">
                                <p>Dimensional Upgrade that increases Shard gain from higher dimensions is better<br>
                                Current: ×<span id="upgrade_d132_current_effect"></span>
                                <span id="upgrade_d132_next"><br>Next: ×<span id="upgrade_d132_next_effect"></span></span></p>
                                <p id="upgrade_d132_next_cost">Cost: <span id="upgrade_d132_cost"></span></p>
                                <p class="upgrade-id" style="display: none">132</p>
                            </div>
                            <div id="upgrade_d141" class="upgrade" style="grid-row: 14; grid-column: 4 / 6" onclick="player.upgrades['d141'].buy()">
                                <p><span style="font-weight: bold">DIMENSIONAL SHIFT</span><br>
                                Unlock 8th dimension</p>
                                <p id="upgrade_d141_next_cost">Cost: <span id="upgrade_d141_cost"></span></p>
                                <p class="upgrade-id" style="display: none">141</p>
                            </div>
                            <div id="upgrade_d151" class="upgrade" style="grid-row: 15; grid-column: 4 / 6" onclick="player.upgrades['d151'].buy()">
                                <p><span style="font-weight: bold">DIMENSIONAL SHIFT</span><br>
                                Unlock 9th dimension</p>
                                <p id="upgrade_d151_next_cost">Cost: <span id="upgrade_d151_cost"></span></p>
                                <p class="upgrade-id" style="display: none">151</p>
                            </div>
                        </div>
                    </div>

                    <div id="dimensional_challenges" class="challenge-page" style="display: none;">
                        <p>You need to get a certain amount of Shards in order to complete Dimensional challenges.<br>
                        Instead of making the game harder, Dimensional challenges provide a positive effect. If you complete the challenge, this effect becomes permanent.<br>
                        You automatically leave your Dimensional challenges on Atomic or higher resets.</p>
                        <div class="challenge-card" id="challenge_d1">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_d1_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Effect:</span> Gain <span class="static-number" extra="10"></span>× more Shards on Dimensional resets.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="1e12"></span> Shards.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_d1_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_d1_button" onclick="player.challenges['d1'].click()"><p id="challenge_d1_button_text"></p></div>
                            </div>
                        </div>
    
                        <div class="challenge-card" id="challenge_d2">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_d2_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Effect:</span> Gain more Shards on Dimensional resets based on time spent this Dimensional.<br>Current: ×<span id="challenge_d2_current_effect"></span>.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="1e18"></span> Shards.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_d2_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_d2_button" onclick="player.challenges['d2'].click()"><p id="challenge_d2_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_d3">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_d3_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Effect:</span> 3rd Dimensions also count for Shard gain.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="1e20"></span> Shards.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_d3_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_d3_button" onclick="player.challenges['d3'].click()"><p id="challenge_d3_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_d4">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_d4_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Effect:</span> Shards are not affected by resource limit.</p>
                                <p><span style="font-weight: bold;">Goal:</span> <span class="static-number" extra="1e24"></span> Shards.</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_d4_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_d4_button" onclick="player.challenges['d4'].click()"><p id="challenge_d4_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_d5">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_d5_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Effect:</span> Matter Dimension production multipliers are raised to a power of <span class="static-number" extra="1.5"></span>.</p>
                                <p><span style="font-weight: bold;">Goal:</span> ???</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_d5_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_d5_button" onclick="player.challenges['d5'].click()"><p id="challenge_d5_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_d6">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_d6_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Effect:</span> Dimensional upgrades are not reset on Atomic.</p>
                                <p><span style="font-weight: bold;">Goal:</span> ???</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_d6_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_d6_button" onclick="player.challenges['d6'].click()"><p id="challenge_d6_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_d7">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_d7_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Effect:</span> Tickspeed boosts Photon gain with reduced effect.<br>Current: ×<span id="challenge_d7_current_effect"></span>.</p>
                                <p><span style="font-weight: bold;">Goal:</span> ???</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_d7_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_d7_button" onclick="player.challenges['d7'].click()"><p id="challenge_d7_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_d8">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_d8_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Effect:</span> You can have 1e18 times more resources.</p>
                                <p><span style="font-weight: bold;">Goal:</span> ???</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_d8_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_d8_button" onclick="player.challenges['d8'].click()"><p id="challenge_d8_button_text"></p></div>
                            </div>
                        </div>

                        <div class="challenge-card" id="challenge_d0">
                            <div class="challenge-name" style="grid-row: 1 / 3; grid-column: 1">
                                <p id="challenge_d0_name"></p>
                            </div>
                            <div class="challenge-desc" style="grid-row: 1 / 3; grid-column: 2">
                                <p><span style="font-weight: bold;">Challenge:</span> All Dimensional challenges at once, and their effects are disabled.</p>
                                <p><span style="font-weight: bold;">Goal:</span> ???</p>
                                <p><span style="font-weight: bold;">Reward:</span> ???</p>
                            </div>
                            <div class="challenge-status" style="grid-row: 1; grid-column: 3">
                                <p id="challenge_d0_status"></p>
                            </div>
                            <div class="challenge-button" style="grid-row: 2; grid-column: 3">
                                <div class="setting-button" id="challenge_d0_button" onclick="player.challenges['d0'].click()"><p id="challenge_d0_button_text"></p></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layer-info" id="section_atomic" style="display: none">
                    <div id="atomic_upgrades">
                        <p class="achievement-bonus">You have <span class="prestige_currency_atomic large-number"></span> Atoms.</p>
                        <div style="margin: 5px; margin-left: 25%; margin-right: 25%; display: flex; flex-direction: row; gap: 5px; align-items: center">
                            <div id="upgrades_atomic_buy_max" class="dimension-cost" onclick="max_buy_upgrades('a')" style="flex-grow: 1">
                                <p>Buy max (M)</p>
                            </div>
                        </div>
                        <div class="upgrade-list-atomic">
                            <div id="upgrade_a01" class="upgrade">
                                <p class="upgrade-atomic-title">Hydrogen</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a01_total_level"></span> (<span id="upgrade_a01_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">H</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a01_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a01_1_goal"></span></b>: gain Shards on Atomic and upon getting this milestone (based on unlocked layers).
                                        <br>Current: <span id="milestone_a01_1_effect"></span>
                                    </p>
                                    <p id="milestone_a01_2_indicator" class="milestone">
                                        <b>Level <span id="milestone_a01_2_goal"></span></b>: gain more Atoms on Atomic based on Hydrogen levels.
                                        <br>Current: ×<span id="milestone_a01_2_effect"></span>
                                    </p>
                                    <p id="milestone_a01_3_indicator" class="milestone">
                                        <b>Level <span id="milestone_a01_3_goal"></span></b>: unlock autobuyers for Space Theorems and Space Theorem tree. This is permanent.
                                    </p>
                                    <p id="milestone_a01_4_indicator" class="milestone">
                                        <b>Level <span id="milestone_a01_4_goal"></span></b>: Matter Dimension cost base is reduced by <span class="static-number" extra="1"></span>.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    The production nerf based on matter is weaker.
                                    <br>Current: matter^<span id="upgrade_a01_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a01'].buy()">
                                    <p>Buy Hydrogen<br>
                                    <span id="upgrade_a01_next_cost">Cost: <span id="upgrade_a01_cost"></span><br></span>
                                    Effect: matter^<span id="upgrade_a01_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a01'].buy(player.upgrades['a01'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a02" class="upgrade">
                                <p class="upgrade-atomic-title">Helium</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a02_total_level"></span> (<span id="upgrade_a02_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">He</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a02_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a02_1_goal"></span></b>: all Tickspeed upgrades are <span class="static-number" extra="10"></span>% more effective.
                                    </p>
                                    <p id="milestone_a02_2_indicator" class="milestone">
                                        <b>Level <span id="milestone_a02_2_goal"></span></b>: gain <span class="static-number" extra="6"></span> free Tickspeed upgrades per Dimensional Shift.
                                        <br>Current: +<span id="milestone_a02_2_effect"></span>
                                    </p>
                                    <p id="milestone_a02_3_indicator" class="milestone">
                                        <b>Level <span id="milestone_a02_3_goal"></span></b>: Tickspeed affects Neutronic dimensions with reduced effect.
                                        <br>Current: ×<span id="milestone_a02_3_effect"></span>
                                    </p>
                                    <p id="milestone_a02_4_indicator" class="milestone">
                                        <b>Level <span id="milestone_a02_4_goal"></span></b>: Matter Dimension cost base is reduced by <span class="static-number" extra="1"></span>.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Stars produce more Tickspeed upgrades.
                                    <br>Current: ×<span id="upgrade_a02_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a02'].buy()">
                                    <p>Buy Helium<br>
                                    <span id="upgrade_a02_next_cost">Cost: <span id="upgrade_a02_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a02_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a02'].buy(player.upgrades['a02'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a03" class="upgrade">
                                <p class="upgrade-atomic-title">Lithium</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a03_total_level"></span> (<span id="upgrade_a03_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">Li</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a03_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a03_1_goal"></span></b>: increase Collision Knowledge gain based on Lithium levels.
                                        <br>Current: ×<span id="milestone_a03_1_effect"></span>
                                    </p>
                                    <p id="milestone_a03_2_indicator" class="milestone">
                                        <b>Level <span id="milestone_a03_2_goal"></span></b>: Collision Points are half as expensive, with the minimum cost of <span class="static-number" extra="1"></span>.
                                    </p>
                                    <p id="milestone_a03_3_indicator" class="milestone">
                                        <b>Level <span id="milestone_a03_3_goal"></span></b>: reduce Neutronic particle cost scaling based on Lithium levels.
                                        <br>Current: /<span id="milestone_a03_3_effect"></span>
                                    </p>
                                    <p id="milestone_a03_4_indicator" class="milestone">
                                        <b>Level <span id="milestone_a03_4_goal"></span></b>: Matter Dimension cost base is reduced by <span class="static-number" extra="1"></span>.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Collision Points cost less.
                                    <br>Current: ^<span id="upgrade_a03_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a03'].buy()">
                                    <p>Buy Lithium<br>
                                    <span id="upgrade_a03_next_cost">Cost: <span id="upgrade_a03_cost"></span><br></span>
                                    Effect: ^<span id="upgrade_a03_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a03'].buy(player.upgrades['a03'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a04" class="upgrade">
                                <p class="upgrade-atomic-title">Beryllium</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a04_total_level"></span> (<span id="upgrade_a04_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">Be</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a04_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a04_1_goal"></span></b>: unlock autobuyers for Temperature resets. This is permanent.
                                    </p>
                                    <p id="milestone_a04_2_indicator" class="milestone">
                                        <b>Level <span id="milestone_a04_2_goal"></span></b>: unlock X-Ray Waves.
                                    </p>
                                    <p id="milestone_a04_3_indicator" class="milestone">
                                        <b>Level <span id="milestone_a04_3_goal"></span></b>: gain <span class="static-number" extra="100"></span>% of Waves on reset per second.
                                    </p>
                                    <p id="milestone_a04_4_indicator" class="milestone">
                                        <b>Level <span id="milestone_a04_4_goal"></span></b>: Matter Dimension cost base is reduced by <span class="static-number" extra="1"></span>.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Gain more Waves on Temperature resets.
                                    <br>Current: ×<span id="upgrade_a04_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a04'].buy()">
                                    <p>Buy Beryllium<br>
                                    <span id="upgrade_a04_next_cost">Cost: <span id="upgrade_a04_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a04_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a04'].buy(player.upgrades['a04'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a05" class="upgrade">
                                <p class="upgrade-atomic-title">Boron</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a05_total_level"></span> (<span id="upgrade_a05_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">B</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a05_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a05_1_goal"></span></b>: unlock the fifth row of Photonic upgrades.
                                    </p>
                                    <p id="milestone_a05_2_indicator" class="milestone">
                                        <b>Level <span id="milestone_a05_2_goal"></span></b>: Atoms and Collision Knowledge are not affected by the resource limit. This is permanent.
                                    </p>
                                    <p id="milestone_a05_3_indicator" class="milestone">
                                        <b>Level <span id="milestone_a05_3_goal"></span></b>: Matter Dimension cost base is reduced by <span class="static-number" extra="1"></span>.
                                    </p>
                                    <p id="milestone_a05_4_indicator" class="milestone">
                                        <b>Level <span id="milestone_a05_4_goal"></span></b>: you can perform an additional Dimensional Shift.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Boost the 5th tier and higher Matter Dimensions.
                                    <br>Current: ×<span id="upgrade_a05_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a05'].buy()">
                                    <p>Buy Boron<br>
                                    <span id="upgrade_a05_next_cost">Cost: <span id="upgrade_a05_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a05_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a05'].buy(player.upgrades['a05'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a06" class="upgrade">
                                <p class="upgrade-atomic-title">Carbon</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a06_total_level"></span> (<span id="upgrade_a06_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">C</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a06_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a06_1_goal"></span></b>: unlock Dimensional Dimensions.
                                    </p>
                                    <p id="milestone_a06_2_indicator" class="milestone">
                                        <b>Level <span id="milestone_a06_2_goal"></span></b>: increase Shard gain based on Carbon levels.
                                        <br>Current: ×<span id="milestone_a06_2_effect"></span>
                                    </p>
                                    <p id="milestone_a06_3_indicator" class="milestone">
                                        <b>Level <span id="milestone_a06_3_goal"></span></b>: increase multiplier per Dimensional Dimension based on Carbon levels.
                                        <br>Current: ×<span id="milestone_a06_3_effect"></span>
                                    </p>
                                    <p id="milestone_a06_4_indicator" class="milestone">
                                        <b>Level <span id="milestone_a06_4_goal"></span></b>: Matter Dimension cost base is reduced by <span class="static-number" extra="1"></span>.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Boost all Dimensional Dimensions.
                                    <br>Current: ×<span id="upgrade_a06_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a06'].buy()">
                                    <p>Buy Carbon<br>
                                    <span id="upgrade_a06_next_cost">Cost: <span id="upgrade_a06_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a06_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a06'].buy(player.upgrades['a06'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a07" class="upgrade">
                                <p class="upgrade-atomic-title">Nitrogen</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a07_total_level"></span> (<span id="upgrade_a07_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">N</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a07_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a07_1_goal"></span></b>: keep <span class="static-number" extra="1"></span>% of Waves on Dimensional.
                                    </p>
                                    <p id="milestone_a07_2_indicator" class="milestone">
                                        <b>Level <span id="milestone_a07_2_goal"></span></b>: Matter-Antimatter protection upgrade is <span class="static-number" extra="20"></span>% more effective.
                                    </p>
                                    <p id="milestone_a07_3_indicator" class="milestone">
                                        <b>Level <span id="milestone_a07_3_goal"></span></b>: keep Space Theorems from Vacuum Energy on Dimensional resets (does not work in Vacuumic challenges).
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Annihilation produces more energy.
                                    <br>Current: ×<span id="upgrade_a07_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a07'].buy()">
                                    <p>Buy Nitrogen<br>
                                    <span id="upgrade_a07_next_cost">Cost: <span id="upgrade_a07_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a07_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a07'].buy(player.upgrades['a07'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a08" class="upgrade">
                                <p class="upgrade-atomic-title">Oxygen</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a08_total_level"></span> (<span id="upgrade_a08_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">O</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a08_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a08_1_goal"></span></b>: Temperature is raised to a power of <span id="milestone_a08_1_effect"></span>.
                                    </p>
                                    <p id="milestone_a08_2_indicator" class="milestone">
                                        <b>Level <span id="milestone_a08_2_goal"></span></b>: unlock additional Temperature milestones.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Energy affects Temperature more.
                                    <br>Current: ×<span id="upgrade_a08_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a08'].buy()">
                                    <p>Buy Oxygen<br>
                                    <span id="upgrade_a08_next_cost">Cost: <span id="upgrade_a08_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a08_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a08'].buy(player.upgrades['a08'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a09" class="upgrade">
                                <p class="upgrade-atomic-title">Fluorine</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a09_total_level"></span> (<span id="upgrade_a09_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">F</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a09_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a09_1_goal"></span></b>: boost Shard gain based on the amount of Alpha process and Triple-alpha process reactions working. 
                                        <br>Current: ×<span id="milestone_a09_1_effect"></span>.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Alpha process and Triple-alpha process are more effective.
                                    <br>Current: ×<span id="upgrade_a09_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a09'].buy()">
                                    <p>Buy Fluorine<br>
                                    <span id="upgrade_a09_next_cost">Cost: <span id="upgrade_a09_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a09_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a09'].buy(player.upgrades['a09'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a10" class="upgrade">
                                <p class="upgrade-atomic-title">Neon</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a10_total_level"></span> (<span id="upgrade_a10_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">Ne</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a10_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a10_1_goal"></span></b>: gain <span id="milestone_a10_1_effect"></span> free levels of Generation.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Generation gives more levels (only affected by bought Neon).
                                    <br>Current: ×<span id="upgrade_a10_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a10'].buy()">
                                    <p>Buy Neon<br>
                                    <span id="upgrade_a10_next_cost">Cost: <span id="upgrade_a10_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a10_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a10'].buy(player.upgrades['a10'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a11" class="upgrade">
                                <p class="upgrade-atomic-title">Sodium</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a11_total_level"></span> (<span id="upgrade_a11_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">Na</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a11_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a11_1_goal"></span></b>: Tickspeed is increased based on total amount of Tickspeed Upgrades. 
                                        <br>Current: ×<span id="milestone_a11_1_effect"></span>.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Tickspeed Upgrades power is increased.
                                    <br>Current: ×<span id="upgrade_a11_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a11'].buy()">
                                    <p>Buy Sodium<br>
                                    <span id="upgrade_a11_next_cost">Cost: <span id="upgrade_a11_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a11_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a11'].buy(player.upgrades['a11'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a12" class="upgrade">
                                <p class="upgrade-atomic-title">Magnesium</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a12_total_level"></span> (<span id="upgrade_a12_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">Mg</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a12_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a12_1_goal"></span></b>: fertility rate is <span id="milestone_a12_1_effect"></span>% higher.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Population power is increased.
                                    <br>Current: ×<span id="upgrade_a12_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a12'].buy()">
                                    <p>Buy Magnesium<br>
                                    <span id="upgrade_a12_next_cost">Cost: <span id="upgrade_a12_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a12_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a12'].buy(player.upgrades['a12'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a13" class="upgrade">
                                <p class="upgrade-atomic-title">Aluminium</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a13_total_level"></span> (<span id="upgrade_a13_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">Al</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a13_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a13_1_goal"></span></b>: Graviton gain is raised to a power of <span id="milestone_a13_1_effect"></span>.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    Gain more Gravitons upon reset.
                                    <br>Current: ×<span id="upgrade_a13_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a13'].buy()">
                                    <p>Buy Aluminium<br>
                                    <span id="upgrade_a13_next_cost">Cost: <span id="upgrade_a13_cost"></span><br></span>
                                    Effect: ×<span id="upgrade_a13_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a13'].buy(player.upgrades['a13'].binary_search_max())">Buy max</p>
                            </div>

                            <div id="upgrade_a14" class="upgrade">
                                <p class="upgrade-atomic-title">Silicon</p>
                                <p class="upgrade-atomic-level">Level <span id="upgrade_a14_total_level"></span> (<span id="upgrade_a14_level"></span>)</p>
                                <p class="upgrade-atomic-symbol">Si</p>
                                <div class="upgrade-atomic-milestones">
                                    <p id="milestone_a14_1_indicator" class="milestone">
                                        <b>Level <span id="milestone_a14_1_goal"></span></b> (bought): gain <span id="milestone_a14_1_effect"></span> free levels of all elements up to Carbon.
                                    </p>
                                </div>
                                <p class="upgrade-atomic-effect-desc">
                                    All Elements are cheaper.
                                    <br>Current: /<span id="upgrade_a14_current_effect"></span>
                                </p>
                                <div class="upgrade-atomic-buy-button" onclick="player.upgrades['a14'].buy()">
                                    <p>Buy Silicon<br>
                                    <span id="upgrade_a14_next_cost">Cost: <span id="upgrade_a14_cost"></span><br></span>
                                    Effect: /<span id="upgrade_a14_next_effect"></span></p></p>
                                </div>
                                <p class="upgrade-atomic-buy-max-button" onclick="player.upgrades['a14'].buy(player.upgrades['a14'].binary_search_max())">Buy max</p>
                            </div>
                        </div>
                    </div>

                    <div id="atomic_collider" style="display: none">
                        <p class="achievement-bonus">You have <span id="resource_collision_knowledge" class="large-number"></span> Collision Knowledge.</p>
                        <p>You will gain <span class="prestige_currency_atomic_gain_ck large-number"></span> Collision Knowledge if you perform an Atomic right now<span id="mechanic_collider_next_ck_hint"> (next at <span id="mechanic_collider_next_ck_at"></span> matter)</span>.<span id="mechanic_collider_ck_prebreak"> Break Infinity to get some.</span></p>
                        <div style="display: flex; flex-direction: row; justify-content: center; align-items: stretch; gap: 5px; margin-top: 5px; margin-bottom: 5px">
                            <div id="upgrade_COLLISION_POINT" class="upgrade" style="min-width: 40%;" onclick="player.upgrades['COLLISION_POINT'].buy()">
                                <p>Get a Collision Point</p>
                                <p id="upgrade_COLLISION_POINT_next_cost">Cost: <span id="upgrade_COLLISION_POINT_cost"></span></p>
                            </div>
                            <p class="upgrade" style="display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 10%;" onclick="player.upgrades['COLLISION_POINT'].buy(player.upgrades['COLLISION_POINT'].binary_search_max())">Buy max</p>
                            <div id="autobuyer_COLLISION_POINT" style="align-self: center"><input id="autobuyer_COLLISION_POINT_toggle" type="checkbox" onclick="player.autobuyers['COLLISION_POINT'].update_params()"></div>
                        </div>
                        <p>You have <span id="resource_collision_points" class="large-number"></span> free Collision Points. Distribute them between categories to obtain boosts.
                        <br>You can re-distribute your points at any time.
                        <br>Hold Ctrl while pressing a button to re-distribute max.</p>
                        <p>&nbsp;</p>
                        <div id="mechanic_collider_auto_assigner">
                            <p>Auto-assigner is currently <span id="mechanic_collider_auto_assigner_state" style="font-weight: bold"></span>.</p>
                            <div style="display: flex; flex-direction: row; justify-content: center;">
                                <div class="setting-button" onclick="switch_auto_assigner_status()" style="width: 20%"><p id="mechanic_collider_auto_assigner_button_text">Disable</p></div>
                            </div>
                            <p>Auto-assigner distributes one point per tick.</p>
                            <p>Auto-assigner places the point in Reaction if there are any picked inactive reactions.
                            <br>Otherwise, it places the point in Synthesis if another element can be unlocked.
                            <br>Failing that, it places the point in Generation.</p>
                        </div>

                        <div class="collider-category-table">
                            <p class="large-number" style="grid-column: 1; grid-row: 1; text-align: center;">Reaction</p>
                            <div class="collider-category-switcher" style="grid-column: 1; grid-row: 2;">
                                <p id="mechanic_collider_reaction_dec" class="upgrade" style="display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 10px; padding-right: 10px;" onclick="change_collision_categories(1, -1)">-</p>
                                <p class="collider-category-distributed-points" id="resource_collision_points_in_reaction"></p>
                                <p id="mechanic_collider_reaction_inc" class="upgrade" style="display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 10px; padding-right: 10px;" onclick="change_collision_categories(1, 1)">+</p>
                            </div>
                            <div style="grid-column: 1; grid-row: 3;">
                                <p>For each point in Reaction, pick another reaction from the list below.
                                <br><br>For each active reaction, all output elements receive <span id="mechanic_collider_free_level_transfer"></span>% of the total levels of all input elements (rounded down) as free levels. Reactions are applied from top to bottom.
                                <br><br>Photon (γ) free levels boost Photon gain, and Neutron (<sup>1</sup>n) free levels boost Neutron gain.</p>
                                <p>&nbsp;</p>
                                <p>Total effect: 
                                <br>×<span class="large-number" id="mechanic_collider_reaction_photons"></span> to Photon gain
                                <br>×<span class="large-number" id="mechanic_collider_reaction_neutrons"></span> to Neutron gain</p>
                            </div>
                            <div class="collider-reaction-table" style="grid-column: 1; grid-row: 4;">
                                <p id="mechanic_collider_reactions_section_1" style="align-self: center; font-size: 1.5em">Proton-proton chain</p>
                                <label id="mechanic_collider_reaction_cr1" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr1" type="checkbox" name="selected_reactions" value="cr1">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>2</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>3</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>
                                <label id="mechanic_collider_reaction_cr2" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr2" type="checkbox" name="selected_reactions" value="cr2">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>3</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>3</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                    </div>
                                </label>
                                <label id="mechanic_collider_reaction_cr3" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr3" type="checkbox" name="selected_reactions" value="cr3">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>3</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>7</p><p>4</p></div><p>Be</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>
                                <label id="mechanic_collider_reaction_cr4" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr4" type="checkbox" name="selected_reactions" value="cr4">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>7</p><p>3</p></div><p>Li</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                    </div>
                                </label>
                                <label id="mechanic_collider_reaction_cr5" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr5" type="checkbox" name="selected_reactions" value="cr5">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>7</p><p>4</p></div><p>Be</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>8</p><p>5</p></div><p>B</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>
                                <label id="mechanic_collider_reaction_cr6" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr6" type="checkbox" name="selected_reactions" value="cr6">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>8</p><p>4</p></div><p>Be</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                    </div>
                                </label>

                                <p id="mechanic_collider_reactions_section_2" style="align-self: center; font-size: 1.5em">CNO cycle</p>

                                <label id="mechanic_collider_reaction_cr7" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr7" type="checkbox" name="selected_reactions" value="cr7">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>13</p><p>7</p></div><p>N</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr8" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr8" type="checkbox" name="selected_reactions" value="cr8">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>14</p><p>7</p></div><p>N</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>15</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr9" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr9" type="checkbox" name="selected_reactions" value="cr9">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>15</p><p>7</p></div><p>N</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr10" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr10" type="checkbox" name="selected_reactions" value="cr10">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>16</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>17</p><p>9</p></div><p>F</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr11" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr11" type="checkbox" name="selected_reactions" value="cr11">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>17</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>14</p><p>7</p></div><p>N</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr12" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr12" type="checkbox" name="selected_reactions" value="cr12">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>18</p><p>9</p></div><p>F</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>19</p><p>10</p></div><p>Ne</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>

                                <p id="mechanic_collider_reactions_section_3" style="align-self: center; font-size: 1.5em">Triple-alpha process</p>

                                <label id="mechanic_collider_reaction_cr13" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr13" type="checkbox" name="selected_reactions" value="cr13">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>8</p><p>4</p></div><p>Be</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr14" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr14" type="checkbox" name="selected_reactions" value="cr14">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>8</p><p>4</p></div><p>Be</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>

                                <p id="mechanic_collider_reactions_section_4" style="align-self: center; font-size: 1.5em">Alpha process</p>

                                <label id="mechanic_collider_reaction_cr15" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr15" type="checkbox" name="selected_reactions" value="cr15">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>16</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr16" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr16" type="checkbox" name="selected_reactions" value="cr16">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>16</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>20</p><p>10</p></div><p>Ne</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr17" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr17" type="checkbox" name="selected_reactions" value="cr17">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>20</p><p>10</p></div><p>Ne</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>24</p><p>12</p></div><p>Mg</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr18" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr18" type="checkbox" name="selected_reactions" value="cr18">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>24</p><p>12</p></div><p>Mg</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>28</p><p>14</p></div><p>Si</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>

                                <p id="mechanic_collider_reactions_section_5" style="align-self: center; font-size: 1.5em">Carbon burning</p>

                                <label id="mechanic_collider_reaction_cr25" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr25" type="checkbox" name="selected_reactions" value="cr25">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>20</p><p>10</p></div><p>Ne</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr26" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr26" type="checkbox" name="selected_reactions" value="cr26">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>23</p><p>11</p></div><p>Na</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr27" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr27" type="checkbox" name="selected_reactions" value="cr27">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>23</p><p>12</p></div><p>Mg</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p><sup>1</sup>n</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr28" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr28" type="checkbox" name="selected_reactions" value="cr28">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>24</p><p>12</p></div><p>Mg</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p>γ</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr29" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr29" type="checkbox" name="selected_reactions" value="cr29">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>12</p><p>6</p></div><p>C</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>16</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                    </div>
                                </label>

                                <p id="mechanic_collider_reactions_section_6" style="align-self: center; font-size: 1.5em">Neon burning</p>

                                <label id="mechanic_collider_reaction_cr30" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr30" type="checkbox" name="selected_reactions" value="cr30">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>21</p><p>10</p></div><p>Ne</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>24</p><p>12</p></div><p>Mg</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <p><sup>1</sup>n</p>
                                    </div>
                                </label>

                                <p id="mechanic_collider_reactions_section_7" style="align-self: center; font-size: 1.5em">Oxygen burning</p>

                                <label id="mechanic_collider_reaction_cr31" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr31" type="checkbox" name="selected_reactions" value="cr31">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>16</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>16</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>28</p><p>14</p></div><p>Si</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr34" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr34" type="checkbox" name="selected_reactions" value="cr34">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>16</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>16</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>30</p><p>14</p></div><p>Si</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>1</p><p>1</p></div><p>H</p>
                                    </div>
                                </label>

                                <label id="mechanic_collider_reaction_cr37" class="collider-reaction-formula">
                                    <input id="mechanic_collider_reaction_checkbox_cr37" type="checkbox" name="selected_reactions" value="cr37">
                                    <div class="collider-reaction-formula-bg"></div>
                                    <div class="collider-reaction-formula-block">
                                        <div class="two-numbers"><p>16</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>16</p><p>8</p></div><p>O</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">➔</p>
                                        <div class="two-numbers"><p>24</p><p>12</p></div><p>Mg</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                        <p style="margin-left: 0.2em; margin-right: 0.2em">+</p>
                                        <div class="two-numbers"><p>4</p><p>2</p></div><p>He</p>
                                    </div>
                                </label>
                            </div>
                            <div class="collider-periodic-table" style="grid-column: 2 / 4; grid-row: 4;">
                                <p style="grid-row: 1; grid-column: 1 / 9; font-size: 1.5em; text-align: center; align-self: center; font-weight: bold">Periodic table</p>
                                <div id="mechanic_collider_element_1" class="collider-periodic-table-element" style="grid-row: 2; grid-column: 1">
                                    <p class="collider-periodic-table-element-name">H</p>
                                    <p id="mechanic_collider_a01_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_2" class="collider-periodic-table-element" style="grid-row: 2; grid-column: 8">
                                    <p class="collider-periodic-table-element-name">He</p>
                                    <p id="mechanic_collider_a02_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_3" class="collider-periodic-table-element" style="grid-row: 3; grid-column: 1">
                                    <p class="collider-periodic-table-element-name">Li</p>
                                    <p id="mechanic_collider_a03_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_4" class="collider-periodic-table-element" style="grid-row: 3; grid-column: 2">
                                    <p class="collider-periodic-table-element-name">Be</p>
                                    <p id="mechanic_collider_a04_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_5" class="collider-periodic-table-element" style="grid-row: 3; grid-column: 3">
                                    <p class="collider-periodic-table-element-name">B</p>
                                    <p id="mechanic_collider_a05_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_6" class="collider-periodic-table-element" style="grid-row: 3; grid-column: 4">
                                    <p class="collider-periodic-table-element-name">C</p>
                                    <p id="mechanic_collider_a06_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_7" class="collider-periodic-table-element" style="grid-row: 3; grid-column: 5">
                                    <p class="collider-periodic-table-element-name">N</p>
                                    <p id="mechanic_collider_a07_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_8" class="collider-periodic-table-element" style="grid-row: 3; grid-column: 6">
                                    <p class="collider-periodic-table-element-name">O</p>
                                    <p id="mechanic_collider_a08_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_9" class="collider-periodic-table-element" style="grid-row: 3; grid-column: 7">
                                    <p class="collider-periodic-table-element-name">F</p>
                                    <p id="mechanic_collider_a09_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_10" class="collider-periodic-table-element" style="grid-row: 3; grid-column: 8">
                                    <p class="collider-periodic-table-element-name">Ne</p>
                                    <p id="mechanic_collider_a10_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_11" class="collider-periodic-table-element" style="grid-row: 4; grid-column: 1">
                                    <p class="collider-periodic-table-element-name">Na</p>
                                    <p id="mechanic_collider_a11_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_12" class="collider-periodic-table-element" style="grid-row: 4; grid-column: 2">
                                    <p class="collider-periodic-table-element-name">Mg</p>
                                    <p id="mechanic_collider_a12_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_13" class="collider-periodic-table-element" style="grid-row: 4; grid-column: 3">
                                    <p class="collider-periodic-table-element-name">Al</p>
                                    <p id="mechanic_collider_a13_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_14" class="collider-periodic-table-element" style="grid-row: 4; grid-column: 4">
                                    <p class="collider-periodic-table-element-name">Si</p>
                                    <p id="mechanic_collider_a14_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_15" class="collider-periodic-table-element" style="grid-row: 4; grid-column: 5">
                                    <p class="collider-periodic-table-element-name">P</p>
                                    <p id="mechanic_collider_a15_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_16" class="collider-periodic-table-element" style="grid-row: 4; grid-column: 6">
                                    <p class="collider-periodic-table-element-name">S</p>
                                    <p id="mechanic_collider_a16_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_17" class="collider-periodic-table-element" style="grid-row: 4; grid-column: 7">
                                    <p class="collider-periodic-table-element-name">Cl</p>
                                    <p id="mechanic_collider_a17_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_18" class="collider-periodic-table-element" style="grid-row: 4; grid-column: 8">
                                    <p class="collider-periodic-table-element-name">Ar</p>
                                    <p id="mechanic_collider_a18_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_19" class="collider-periodic-table-element" style="grid-row: 5; grid-column: 1">
                                    <p class="collider-periodic-table-element-name">K</p>
                                    <p id="mechanic_collider_a19_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_20" class="collider-periodic-table-element" style="grid-row: 5; grid-column: 2">
                                    <p class="collider-periodic-table-element-name">Ca</p>
                                    <p id="mechanic_collider_a20_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_21" class="collider-periodic-table-element" style="grid-row: 5; grid-column: 3">
                                    <p class="collider-periodic-table-element-name">Sc</p>
                                    <p id="mechanic_collider_a21_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_22" class="collider-periodic-table-element" style="grid-row: 5; grid-column: 4">
                                    <p class="collider-periodic-table-element-name">Ti</p>
                                    <p id="mechanic_collider_a22_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_23" class="collider-periodic-table-element" style="grid-row: 5; grid-column: 5">
                                    <p class="collider-periodic-table-element-name">V</p>
                                    <p id="mechanic_collider_a23_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_24" class="collider-periodic-table-element" style="grid-row: 5; grid-column: 6">
                                    <p class="collider-periodic-table-element-name">Cr</p>
                                    <p id="mechanic_collider_a24_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_25" class="collider-periodic-table-element" style="grid-row: 5; grid-column: 7">
                                    <p class="collider-periodic-table-element-name">Mn</p>
                                    <p id="mechanic_collider_a25_level" class="collider-periodic-table-element-level"></p>
                                </div>
                                <div id="mechanic_collider_element_26" class="collider-periodic-table-element" style="grid-row: 5; grid-column: 8">
                                    <p class="collider-periodic-table-element-name">Fe</p>
                                    <p id="mechanic_collider_a26_level" class="collider-periodic-table-element-level"></p>
                                </div>
                            </div>

                            <p class="large-number" style="grid-column: 2; grid-row: 1; text-align: center;">Synthesis</p>
                            <div class="collider-category-switcher" style="grid-column: 2; grid-row: 2;">
                                <p id="mechanic_collider_synthesis_dec" class="upgrade" style="display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 10px; padding-right: 10px;" onclick="change_collision_categories(2, -1)">-</p>
                                <p class="collider-category-distributed-points" id="resource_collision_points_in_synthesis"></p>
                                <p id="mechanic_collider_synthesis_inc" class="upgrade" style="display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 10px; padding-right: 10px;" onclick="change_collision_categories(2, 1)">+</p>
                            </div>
                            <div style="grid-column: 2; grid-row: 3;">
                                <p>For each point in Synthesis, unlock a new element, up to <span id="mechanic_collider_synthesis_limit"></span>.</p>
                                <p>&nbsp;</p>
                                <p>Highest unlocked element is 
                                <br><span class="large-number" id="mechanic_collider_synthesis_effect"></span></p>
                            </div>

                            <p class="large-number" style="grid-column: 3; grid-row: 1; text-align: center;">Generation</p>
                            <div class="collider-category-switcher" style="grid-column: 3; grid-row: 2;">
                                <p id="mechanic_collider_generation_dec" class="upgrade" style="display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 10px; padding-right: 10px;" onclick="change_collision_categories(3, -1)">-</p>
                                <p class="collider-category-distributed-points" id="resource_collision_points_in_generation"></p>
                                <p id="mechanic_collider_generation_inc" class="upgrade" style="display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 10px; padding-right: 10px;" onclick="change_collision_categories(3, 1)">+</p>
                            </div>
                            <div style="grid-column: 3; grid-row: 3;">
                                <p>For each point in Generation, gain a free level of all elements you unlocked.</p>
                                <p>&nbsp;</p>
                                <p>Total effect: 
                                <br>+<span class="large-number" id="mechanic_collider_generation_effect"></span> free levels</p>
                            </div>
                        </div>
                    </div>

                    <div id="atomic_experiments" style="display: none">
                        <p>Experiments are nerfs with different difficulty levels. You can pick any combination of Experiments.<br>
                        While you are running some Experiments, their nerfs affect your production, but the Collision Knowledge gain is increased.<br>
                        Entering Experiments requires performing an Atomic reset.<br>
                        You can exit Experiments at any time without resetting anything, but their reward will be lost.<br>
                        You automatically leave your Experiments on Biological or higher resets. This can be changed in Settings.</p>
                        <div class="current-experiments-outer">
                            <div class="current-experiments">
                                <div id="mechanic_experiments_current_list" class="current-experiments-list">
                                    <p class="title">Current Experiments</p>
                                    <p>Bullet Time <span class="level" experiment="bullet_time"></span></p>
                                    <p>Controlled Reaction <span class="level" experiment="controlled_reaction"></span></p>
                                    <p>Quantum Entanglement <span class="level" experiment="quantum_entanglement"></span></p>
                                    <p>Capacity Studies <span class="level" experiment="capacity_studies"></span></p>
                                    <p>Projection Analysis <span class="level" experiment="projection_analysis"></span></p>
                                </div>
                                <div id="mechanic_experiments_selected_list" class="current-experiments-list">
                                    <p class="title">Selected Experiments</p>
                                    <p>Bullet Time <span class="level" experiment="bullet_time"></span></p>
                                    <p>Controlled Reaction <span class="level" experiment="controlled_reaction"></span></p>
                                    <p>Quantum Entanglement <span class="level" experiment="quantum_entanglement"></span></p>
                                    <p>Capacity Studies <span class="level" experiment="capacity_studies"></span></p>
                                    <p>Projection Analysis <span class="level" experiment="projection_analysis"></span></p>
                                </div>
                                <p style="text-align: center">CK gain ^<span id="mechanic_experiments_current_effect"></span></p>
                                <p style="text-align: center">CK gain ^<span id="mechanic_experiments_selected_effect"></span></p>
                                <div class="setting-button" onclick="exit_experiments()">
                                    <p>Exit Experiments</p>
                                </div>
                                <div class="setting-button" onclick="start_experiments()">
                                    <p>Start Experiments</p>
                                </div>
                            </div>
                        </div>

                        <div class="experiment-desc">
                            <p class="title">Bullet Time</p>
                            <div class="table-header">
                                <p>Level</p>
                                <p>Effect</p>
                                <p>CK gain</p>
                            </div>
                            <div id="exp_table_bullet_time" class="experiment-desc-table">
                                <label class="table-line" level="0">
                                    <div><p class="level"></p></div>
                                    <div><p>No effect.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_bullet_time" value="0">
                                </label>
                                <label class="table-line" level="1">
                                    <div><p class="level"></p></div>
                                    <div><p>Time is <span class="nerf-value"></span>× slower.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_bullet_time" value="1">
                                </label>
                                <label class="table-line" level="2">
                                    <div><p class="level"></p></div>
                                    <div><p>Time is <span class="nerf-value"></span>× slower.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_bullet_time" value="2">
                                </label>
                                <label class="table-line" level="3">
                                    <div><p class="level"></p></div>
                                    <div><p>Time is <span class="nerf-value"></span>× slower.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_bullet_time" value="3">
                                </label>
                                <label class="table-line" level="4">
                                    <div><p class="level"></p></div>
                                    <div><p>Time is <span class="nerf-value"></span>× slower.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_bullet_time" value="4">
                                </label>
                            </div>
                        </div>

                        <div class="experiment-desc">
                            <p class="title">Controlled Reaction</p>
                            <div class="table-header">
                                <p>Level</p>
                                <p>Effect</p>
                                <p>CK gain</p>
                            </div>
                            <div id="exp_table_controlled_reaction" class="experiment-desc-table">
                                <label class="table-line" level="0">
                                    <div><p class="level"></p></div>
                                    <div><p>No effect.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_controlled_reaction" value="0">
                                </label>
                                <label class="table-line" level="1">
                                    <div><p class="level"></p></div>
                                    <div><p>Non-protected production multipliers are ^<span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_controlled_reaction" value="1">
                                </label>
                                <label class="table-line" level="2">
                                    <div><p class="level"></p></div>
                                    <div><p>Non-protected production multipliers are ^<span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_controlled_reaction" value="2">
                                </label>
                                <label class="table-line" level="3">
                                    <div><p class="level"></p></div>
                                    <div><p>Non-protected production multipliers are ^<span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_controlled_reaction" value="3">
                                </label>
                                <label class="table-line" level="4">
                                    <div><p class="level"></p></div>
                                    <div><p>Non-protected production multipliers are ^<span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_controlled_reaction" value="4">
                                </label>
                            </div>
                        </div>

                        <div class="experiment-desc">
                            <p class="title">Quantum Entanglement</p>
                            <div class="table-header">
                                <p>Level</p>
                                <p>Effect</p>
                                <p>CK gain</p>
                            </div>
                            <div id="exp_table_quantum_entanglement" class="experiment-desc-table">
                                <label class="table-line" level="0">
                                    <div><p class="level"></p></div>
                                    <div><p>No effect.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_quantum_entanglement" value="0">
                                </label>
                                <label class="table-line" level="1">
                                    <div><p class="level"></p></div>
                                    <div><p>Each dimension is <span class="nerf-value"></span>× slower than the previous one.<br>All dimension multipliers are divided by <span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_quantum_entanglement" value="1">
                                </label>
                                <label class="table-line" level="2">
                                    <div><p class="level"></p></div>
                                    <div><p>Each dimension is <span class="nerf-value"></span>× slower than the previous one.<br>All dimension multipliers are divided by <span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_quantum_entanglement" value="2">
                                </label>
                                <label class="table-line" level="3">
                                    <div><p class="level"></p></div>
                                    <div><p>Each dimension is <span class="nerf-value"></span>× slower than the previous one.<br>All dimension multipliers are divided by <span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_quantum_entanglement" value="3">
                                </label>
                                <label class="table-line" level="4">
                                    <div><p class="level"></p></div>
                                    <div><p>Each dimension is <span class="nerf-value"></span>× slower than the previous one.<br>All dimension multipliers are divided by <span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_quantum_entanglement" value="4">
                                </label>
                            </div>
                        </div>

                        <div class="experiment-desc">
                            <p class="title">Capacity Studies</p>
                            <div class="table-header">
                                <p>Level</p>
                                <p>Effect</p>
                                <p>CK gain</p>
                            </div>
                            <div id="exp_table_capacity_studies" class="experiment-desc-table">
                                <label class="table-line" level="0">
                                    <div><p class="level"></p></div>
                                    <div><p>No effect.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_capacity_studies" value="0">
                                </label>
                                <label class="table-line" level="1">
                                    <div><p class="level"></p></div>
                                    <div><p>The resource limit is ^<span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_capacity_studies" value="1">
                                </label>
                                <label class="table-line" level="2">
                                    <div><p class="level"></p></div>
                                    <div><p>The resource limit is ^<span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_capacity_studies" value="2">
                                </label>
                                <label class="table-line" level="3">
                                    <div><p class="level"></p></div>
                                    <div><p>The resource limit is ^<span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_capacity_studies" value="3">
                                </label>
                                <label class="table-line" level="4">
                                    <div><p class="level"></p></div>
                                    <div><p>The resource limit is ^<span class="nerf-value"></span>.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_capacity_studies" value="4">
                                </label>
                            </div>
                        </div>

                        <div class="experiment-desc">
                            <p class="title">Projection Analysis</p>
                            <div class="table-header">
                                <p>Level</p>
                                <p>Effect</p>
                                <p>CK gain</p>
                            </div>
                            <div id="exp_table_projection_analysis" class="experiment-desc-table">
                                <label class="table-line" level="0">
                                    <div><p class="level"></p></div>
                                    <div><p>No effect.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_projection_analysis" value="0">
                                </label>
                                <label class="table-line" level="1">
                                    <div><p class="level"></p></div>
                                    <div><p>You can do <span class="nerf-value"></span> fewer Dimensional shifts.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_projection_analysis" value="1">
                                </label>
                                <label class="table-line" level="2">
                                    <div><p class="level"></p></div>
                                    <div><p>You can do <span class="nerf-value"></span> fewer Dimensional shifts.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_projection_analysis" value="2">
                                </label>
                                <label class="table-line" level="3">
                                    <div><p class="level"></p></div>
                                    <div><p>You can do <span class="nerf-value"></span> fewer Dimensional shifts.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_projection_analysis" value="3">
                                </label>
                                <label class="table-line" level="4">
                                    <div><p class="level"></p></div>
                                    <div><p>You can do <span class="nerf-value"></span> fewer Dimensional shifts.</p></div>
                                    <div><p class="effect">^<span class="effect-value"></span></p></div>
                                    <input type="radio" name="experiment_projection_analysis" value="4">
                                </label>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="layer-info" id="section_biological" style="display: none">
                    <div id="biological_population">
                        <p class="achievement-bonus">You have <span class="prestige_currency_biological large-number"></span> Genes.</p>
                        <p class="achievement-bonus" style="text-align: left">Your species has a total population of <span class="variable-value large-number" name="population" rounded></span>.</p>
                        <div class="biological-population-table">
                            <div class="biological-population-growth-table" style="grid-row: 1 / 4; grid-column: 1">
                                <div class="neutronic-block-gravitonic" style="grid-row: 1; grid-column: 1"></div>
                                <div class="neutronic-block-matter" style="grid-row: 1; grid-column: 2"></div>
                                <div class="biological-population-growth-block" style="grid-row: 1; grid-column: 1">
                                    <p class="header" style="text-align: center">Fertility</p>
                                    <div id="mechanic_population_line_b01" class="biological-population-growth-line" style="display: none">
                                        <p>Replication</p>
                                        <p id="mechanic_population_change_b01" class="neutronic-number-gravitonic" style="font-weight: bold"></p>
                                    </div>
                                    <div id="mechanic_population_line_b05" class="biological-population-growth-line" style="display: none">
                                        <p>Oxidation</p>
                                        <p id="mechanic_population_change_b05" class="neutronic-number-gravitonic" style="font-weight: bold"></p>
                                    </div>
                                    <div id="mechanic_population_line_b09" class="biological-population-growth-line" style="display: none">
                                        <p>Meiosis</p>
                                        <p id="mechanic_population_change_b09" class="neutronic-number-gravitonic" style="font-weight: bold"></p>
                                    </div>
                                    <p style="flex-grow: 1">&nbsp;</p>
                                    <div class="biological-population-growth-line header">
                                        <p>Total</p>
                                        <p id="mechanic_population_change_positive" class="neutronic-number-gravitonic" style="font-weight: bold"></p>
                                    </div>
                                </div>
                                <div class="biological-population-growth-block" style="grid-row: 1; grid-column: 2">
                                    <p class="header" style="text-align: center">Mortality</p>
                                    <div class="biological-population-growth-line">
                                        <p>Overpopulation</p>
                                        <p id="mechanic_population_change_population" class="neutronic-number-matter" style="font-weight: bold"></p>
                                    </div>
                                    <p style="flex-grow: 1">&nbsp;</p>
                                    <div class="biological-population-growth-line header">
                                        <p>Total</p>
                                        <p id="mechanic_population_change_negative" class="neutronic-number-matter" style="font-weight: bold"></p>
                                    </div>
                                </div>
                                <p style="grid-row: 2; grid-column: 1 / 3; text-align: center">
                                    translated to <span id="mechanic_population_change_percent" class="large-number"></span> every minute.
                                </p>
                            </div>
                            <div id="upgrade_b01" class="upgrade" style="grid-row: 1; grid-column: 2" onclick="player.upgrades['b01'].buy()">
                                <p><b>Genetic Diversity</b><br>
                                Gain <span class="static-number" extra="2"></span>× more Genes on Biological resets<br>
                                Current: ×<span id="upgrade_b01_current_effect"></span></p>
                                <p id="upgrade_b01_next_cost">Cost: <span id="upgrade_b01_cost"></span></p>
                                <p class="upgrade-id" style="display: none">01</p>
                            </div>
                            <div id="upgrade_b02" class="upgrade" style="grid-row: 1; grid-column: 3" onclick="player.upgrades['b02'].buy()">
                                <p><b>Genetic Reshuffle</b><br>
                                Evolutions are implemented <span class="static-number" extra="30"></span>% faster<br>
                                Current: ×<span id="upgrade_b02_current_effect"></span></p>
                                <p id="upgrade_b02_next_cost">Cost: <span id="upgrade_b02_cost"></span></p>
                                <p class="upgrade-id" style="display: none">02</p>
                            </div>
                            <div id="upgrade_b03" class="upgrade" style="grid-row: 2; grid-column: 2" onclick="player.upgrades['b03'].buy()">
                                <p><b>Genetic Hardening</b><br>
                                Mortality rate is <span class="static-number" extra="10"></span>% lower<br>
                                Current: /<span id="upgrade_b03_current_effect"></span></p>
                                <p id="upgrade_b03_next_cost">Cost: <span id="upgrade_b03_cost"></span></p>
                                <p class="upgrade-id" style="display: none">03</p>
                            </div>
                            <div id="upgrade_b04" class="upgrade" style="grid-row: 2; grid-column: 3" onclick="player.upgrades['b04'].buy()">
                                <p><b>Genetic Recombination</b><br>
                                Population changes <span class="static-number" extra="20"></span>% faster<br>
                                Current: ×<span id="upgrade_b04_current_effect"></span></p>
                                <p id="upgrade_b04_next_cost">Cost: <span id="upgrade_b04_cost"></span></p>
                                <p class="upgrade-id" style="display: none">04</p>
                            </div>
                            <div id="perform_extinction_button" class="upgrade" style="grid-row: 3; grid-column: 2 / 4; display: none" onclick="perform_extinction()">
                                <p><b>EXTINCTION</b><br>
                                Reset your population back to 1, but increase the population power based on sacrificed population.<br>
                                Current: ×<span id="mechanic_population_extinction_current"></span><br>
                                After Extinction: ×<span id="mechanic_population_extinction_next"></span></p>
                            </div>
                        </div>
                        <p class="achievement-bonus" style="text-align: left; margin-top: 20px;">A total population of <span class="variable-value large-number" name="population" rounded></span> provides the population power of <span id="mechanic_population_total_power" class="large-number"></span> for the following boosts:</p>
                        <p class="population-boost">×<span id="mechanic_population_power_time" style="font-weight: bold"></span> slower growth of the time-based production nerf</p>
                        <p class="population-boost" upgrade="b02">×<span class="upgrade-effect" style="font-weight: bold"></span> more energy on annihilation</p>
                        <p class="population-boost" upgrade="b03">+<span class="upgrade-effect" style="font-weight: bold"></span> resets of previous tier on any reset below Biological</p>
                        <p class="population-boost" upgrade="b04">+<span class="upgrade-effect" style="font-weight: bold"></span> free levels of Generation</p>
                        <p class="population-boost" upgrade="b06">×<span class="upgrade-effect" style="font-weight: bold"></span> more power produced by Neutronic particles</p>
                        <p class="population-boost" upgrade="b07">^<span class="upgrade-effect" style="font-weight: bold"></span> more Atoms on Atomic resets</p>
                        <p class="population-boost" upgrade="b08">×<span class="upgrade-effect" style="font-weight: bold"></span> more Shards on Dimensional resets</p>
                        <p class="population-boost" upgrade="b10">×<span class="upgrade-effect" style="font-weight: bold"></span> more Genes on Biological resets</p>
                        <p class="population-boost" upgrade="b11">×<span class="upgrade-effect" style="font-weight: bold"></span> more base Oxygen levels (rounded down)</p>
                        <p class="population-boost" upgrade="b12">^<span class="upgrade-effect" style="font-weight: bold"></span> more waves on Temperature resets</p>
                    </div>

                    <div id="biological_evolutions" style="display: none;">
                        <p class="achievement-bonus">You have <span class="prestige_currency_biological large-number"></span> Genes.</p>
                        <p>The Evolutions are not implemented straight away, but increase their power over time.<br>
                        The time required to spread the Evolution is based on the population at the time of purchasing it.<br>
                        Evolutions with larger Advantage (shown in top-right corner) are implemented quicker.</p>
                        <div style="display: flex; flex-direction: row; justify-content: center;">
                            <div class="upgrade-list-biological">
                                <div id="evolution_b01" class="evolution" onclick="player.evolutions['b01'].buy()">
                                    <p class="name">Replication</p>
                                    <p class="advantage"></p>
                                    <p>
                                        Gain Atoms and Collision Knowledge on Biological and upon buying this upgrade (based on unlocked layers)<br>
                                        Current: <span class="secondary-effect"></span>
                                    </p>
                                    <p>
                                        Fertility rate is increased<br>
                                        Current: +<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: +<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">01</p>
                                </div>

                                <div id="evolution_b02" class="evolution" onclick="player.evolutions['b02'].buy()">
                                    <p class="name">Metabolism</p>
                                    <p class="advantage"></p>
                                    <p>
                                        Gain <span class="secondary-effect"></span> times more Photons on resets
                                    </p>
                                    <p>
                                        Annihilation produces more energy<br>
                                        Current: ×<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: ×<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">02</p>
                                </div>

                                <div id="evolution_b03" class="evolution" onclick="player.evolutions['b03'].buy()">
                                    <p class="name">Membranes</p>
                                    <p class="advantage"></p>
                                    <p>
                                        Boost all Photonic Dimensions based on Photonic resets<br>
                                        Current: ×<span class="secondary-effect"></span>
                                    </p>
                                    <p>
                                        Each reset below Biological counts as several of a previous tier<br>
                                        Current: <span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: <span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">03</p>
                                </div>

                                <div id="evolution_b04" class="evolution" onclick="player.evolutions['b04'].buy()">
                                    <p class="name">Photosynthesis</p>
                                    <p class="advantage"></p>
                                    <p>
                                        Gain a free level of Synthesis
                                    </p>
                                    <p>
                                        Gain free levels of Generation<br>
                                        Current: +<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: +<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">04</p>
                                </div>

                                <div id="evolution_b05" class="evolution" onclick="player.evolutions['b05'].buy()">
                                    <p class="name">Oxidation</p>
                                    <p class="advantage"></p>
                                    <p>
                                        You can unlock elements up to Oxygen
                                    </p>
                                    <p>
                                        Fertility rate is increased<br>
                                        Current: +<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: +<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">05</p>
                                </div>

                                <div id="evolution_b06" class="evolution" onclick="player.evolutions['b06'].buy()">
                                    <p class="name">Mitochondria</p>
                                    <p class="advantage"></p>
                                    <p>
                                        Unlock Extinctions (on Population tab)
                                    </p>
                                    <p>
                                        Neutronic particles produce more power<br>
                                        Current: ×<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: ×<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">06</p>
                                </div>

                                <div id="evolution_b07" class="evolution" onclick="player.evolutions['b07'].buy()">
                                    <p class="name">Eukaryotes</p>
                                    <p class="advantage"></p>
                                    <p>
                                        Gain a free level of Synthesis
                                    </p>
                                    <p>
                                        Atom gain on Atomic resets is raised to a power<br>
                                        Current: ^<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: ^<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">07</p>
                                </div>

                                <div id="evolution_b08" class="evolution" onclick="player.evolutions['b08'].buy()">
                                    <p class="name">Chitin</p>
                                    <p class="advantage"></p>
                                    <p>
                                        Unlock Dimensional Challenges
                                    </p>
                                    <p>
                                        Gain more Shards on Dimensional resets<br>
                                        Current: ×<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: ×<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">08</p>
                                </div>

                                <div id="evolution_b09" class="evolution" onclick="player.evolutions['b09'].buy()">
                                    <p class="name">Meiosis</p>
                                    <p class="advantage"></p>
                                    <p>
                                        Boost all Matter Dimensions based on current matter<br>
                                        Current: ×<span class="secondary-effect"></span>
                                    </p>
                                    <p>
                                        Fertility rate is increased<br>
                                        Current: +<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: +<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">09</p>
                                </div>

                                <div id="evolution_b10" class="evolution" onclick="player.evolutions['b10'].buy()">
                                    <p class="name">Multicellularity</p>
                                    <p class="advantage"></p>
                                    <p>
                                        Unspent Genes boost all Dimensions<br>
                                        Current: ×<span class="secondary-effect"></span>
                                    </p>
                                    <p>
                                        Gain more Genes on Biological resets<br>
                                        Current: ×<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: ×<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">10</p>
                                </div>

                                <div id="evolution_b11" class="evolution" onclick="player.evolutions['b11'].buy()">
                                    <p class="name">Trachea</p>
                                    <p class="advantage"></p>
                                    <p>
                                        You can unlock elements up to Silicon
                                    </p>
                                    <p>
                                        Multiply base Oxygen levels (rounded down)<br>
                                        Current: ×<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: ×<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">11</p>
                                </div>

                                <div id="evolution_b12" class="evolution" onclick="player.evolutions['b12'].buy()">
                                    <p class="name">Eyes</p>
                                    <p class="advantage"></p>
                                    <p>
                                        Unlock Experiments
                                    </p>
                                    <p>
                                        Wave gain on Temperature resets is raised to a power<br>
                                        Current: ^<span class="primary-effect"></span><br>
                                        <span class="primary-effect-prediction-desc">(at 90%: ^<span class="primary-effect-prediction"></span>)</span>
                                    </p>
                                    <div class="cost-desc">
                                        <p style="text-align: center">Cost: <span class="cost"></span></p>
                                        <p>To 90%: <span class="implement-time"></span></p>
                                    </div>
                                    <div class="progress-bar-layout"></div>
                                    <div class="progress-bar"></div>
                                    <div class="progress-desc">
                                        <p style="text-align: center"><span class="progress"></span></p>
                                        <p class="implement-remaining">To 90%: <span class="implement-remaining-time"></span></p>
                                    </div>
                                    <p class="upgrade-id" style="display: none">12</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="statistics-page" id="section_statistics" style="display: none">
                    <p>You have played for <span id="timer_overall_time"></span></p>
                    <p id="timer_photonic" style="display: none">You spent <span id="timer_time_photonic"></span> in this Photonic</p>
                    <p id="timer_gravitonic" style="display: none">You spent <span id="timer_time_gravitonic"></span> in this Gravitonic</p>
                    <p id="timer_neutronic" style="display: none">You spent <span id="timer_time_neutronic"></span> in this Neutronic</p>
                    <p id="timer_vacuumic" style="display: none">You spent <span id="timer_time_vacuumic"></span> in this Vacuumic</p>
                    <p id="timer_dimensional" style="display: none">You spent <span id="timer_time_dimensional"></span> in this Dimensional</p>
                    <p id="timer_atomic" style="display: none">You spent <span id="timer_time_atomic"></span> in this Atomic</p>
                    <p id="timer_biological" style="display: none">You spent <span id="timer_time_biological"></span> in this Biological</p>
                    <p>&nbsp;</p>
                    <p>You started playing <span id="timer_total_realtime"></span> ago (real-time)</p>
                    <p>You spent <span id="timer_online_realtime"></span> online (real-time)</p>
                    <p>&nbsp;</p>
                    <p id="statistics_photonic_resets" style="display: none">You performed <span id="resource_photonic_resets"></span> Photonic resets</p>
                    <p id="statistics_gravitonic_resets" style="display: none">You performed <span id="resource_gravitonic_resets"></span> Gravitonic resets</p>
                    <p id="statistics_neutronic_resets" style="display: none">You performed <span id="resource_neutronic_resets"></span> Neutronic resets</p>
                    <p id="statistics_vacuumic_resets" style="display: none">You performed <span id="resource_vacuumic_resets"></span> Vacuumic resets</p>
                    <p id="statistics_dimensional_resets" style="display: none">You performed <span id="resource_dimensional_resets"></span> Dimensional resets</p>
                    <p id="statistics_atomic_resets" style="display: none">You performed <span id="resource_atomic_resets"></span> Atomic resets</p>
                    <p id="statistics_biological_resets" style="display: none">You performed <span id="resource_biological_resets"></span> Biological resets</p>
                    <p>&nbsp;</p>
                    <p id="statistics_fastest_photonic" style="display: none">Your fastest Photonic is in <span id="timer_fastest_photonic"></span></p>
                    <p id="statistics_fastest_gravitonic" style="display: none">Your fastest Gravitonic is in <span id="timer_fastest_gravitonic"></span></p>
                    <p id="statistics_fastest_neutronic" style="display: none">Your fastest Neutronic is in <span id="timer_fastest_neutronic"></span></p>
                    <p id="statistics_fastest_vacuumic" style="display: none">Your fastest Vacuumic is in <span id="timer_fastest_vacuumic"></span></p>
                    <p id="statistics_fastest_dimensional" style="display: none">Your fastest Dimensional is in <span id="timer_fastest_dimensional"></span></p>
                    <p id="statistics_fastest_atomic" style="display: none">Your fastest Atomic is in <span id="timer_fastest_atomic"></span></p>
                    <p id="statistics_fastest_biological" style="display: none">Your fastest Biological is in <span id="timer_fastest_biological"></span></p>
                    <p>&nbsp;</p>
                    <p id="statistics_max_matter">Your best Matter is <span id="resource_max_matter"></span></p>
                    <p id="statistics_max_photons_at_once" style="display: none">You obtained a maximum of <span id="resource_max_photons_at_once"></span> Photons in one reset</p>
                    <p id="statistics_max_gravitons" style="display: none">Your maximum Gravitons is <span id="resource_max_gravitons"></span></p>
                    <p id="statistics_max_gravitons_in_nc" style="display: none">Your maximum Gravitons is <span id="resource_max_gravitons_in_nc"></span></p>
                </div>

                <div class="achievement-info" id="section_achievements" style="display: none">
                    <p class="achievement-bonus">You completed <span style="font-weight: bold;" id="completed_achievements_count"></span>/<span style="font-weight: bold;" id="all_achievements_count"></span> achievements.</p>
                    <p class="achievement-bonus">Your completed achievements give a total bonus of ×<span class="large-number" id="achievement_bonus"></span> to all Dimensions.</p>
                    <div class="achievement-list">
                        <div class="achievement" id="achievement_11" style="grid-row: 1; grid-column: 1">
                            <p id="achievement_11_name"></p>
                        </div>
                        <div class="achievement" id="achievement_12" style="grid-row: 1; grid-column: 2">
                            <p id="achievement_12_name"></p>
                        </div>
                        <div class="achievement" id="achievement_13" style="grid-row: 1; grid-column: 3">
                            <p id="achievement_13_name"></p>
                        </div>
                        <div class="achievement" id="achievement_14" style="grid-row: 1; grid-column: 4">
                            <p id="achievement_14_name"></p>
                        </div>
                        <div class="achievement" id="achievement_15" style="grid-row: 1; grid-column: 5">
                            <p id="achievement_15_name"></p>
                        </div>
                        <div class="achievement" id="achievement_16" style="grid-row: 1; grid-column: 6">
                            <p id="achievement_16_name"></p>
                        </div>
                        <div class="achievement" id="achievement_17" style="grid-row: 1; grid-column: 7">
                            <p id="achievement_17_name"></p>
                        </div>
                        <div class="achievement" id="achievement_18" style="grid-row: 1; grid-column: 8">
                            <p id="achievement_18_name"></p>
                        </div>

                        <div class="achievement" id="achievement_21" style="grid-row: 2; grid-column: 1">
                            <p id="achievement_21_name"></p>
                        </div>
                        <div class="achievement" id="achievement_22" style="grid-row: 2; grid-column: 2">
                            <p id="achievement_22_name"></p>
                        </div>
                        <div class="achievement" id="achievement_23" style="grid-row: 2; grid-column: 3">
                            <p id="achievement_23_name"></p>
                        </div>
                        <div class="achievement" id="achievement_24" style="grid-row: 2; grid-column: 4">
                            <p id="achievement_24_name"></p>
                        </div>
                        <div class="achievement" id="achievement_25" style="grid-row: 2; grid-column: 5">
                            <p id="achievement_25_name"></p>
                        </div>
                        <div class="achievement" id="achievement_26" style="grid-row: 2; grid-column: 6">
                            <p id="achievement_26_name"></p>
                        </div>
                        <div class="achievement" id="achievement_27" style="grid-row: 2; grid-column: 7">
                            <p id="achievement_27_name"></p>
                        </div>
                        <div class="achievement" id="achievement_28" style="grid-row: 2; grid-column: 8">
                            <p id="achievement_28_name"></p>
                        </div>

                        <div class="achievement" id="achievement_31" style="grid-row: 3; grid-column: 1">
                            <p id="achievement_31_name"></p>
                        </div>
                        <div class="achievement" id="achievement_32" style="grid-row: 3; grid-column: 2">
                            <p id="achievement_32_name"></p>
                        </div>
                        <div class="achievement" id="achievement_33" style="grid-row: 3; grid-column: 3">
                            <p id="achievement_33_name"></p>
                        </div>
                        <div class="achievement" id="achievement_34" style="grid-row: 3; grid-column: 4">
                            <p id="achievement_34_name"></p>
                        </div>
                        <div class="achievement" id="achievement_35" style="grid-row: 3; grid-column: 5">
                            <p id="achievement_35_name"></p>
                        </div>
                        <div class="achievement" id="achievement_36" style="grid-row: 3; grid-column: 6">
                            <p id="achievement_36_name"></p>
                        </div>
                        <div class="achievement" id="achievement_37" style="grid-row: 3; grid-column: 7">
                            <p id="achievement_37_name"></p>
                        </div>
                        <div class="achievement" id="achievement_38" style="grid-row: 3; grid-column: 8">
                            <p id="achievement_38_name"></p>
                        </div>

                        <div class="achievement" id="achievement_41" style="grid-row: 4; grid-column: 1">
                            <p id="achievement_41_name"></p>
                        </div>
                        <div class="achievement" id="achievement_42" style="grid-row: 4; grid-column: 2">
                            <p id="achievement_42_name"></p>
                        </div>
                        <div class="achievement" id="achievement_43" style="grid-row: 4; grid-column: 3">
                            <p id="achievement_43_name"></p>
                        </div>
                        <div class="achievement" id="achievement_44" style="grid-row: 4; grid-column: 4">
                            <p id="achievement_44_name"></p>
                        </div>
                        <div class="achievement" id="achievement_45" style="grid-row: 4; grid-column: 5">
                            <p id="achievement_45_name"></p>
                        </div>
                        <div class="achievement" id="achievement_46" style="grid-row: 4; grid-column: 6">
                            <p id="achievement_46_name"></p>
                        </div>
                        <div class="achievement" id="achievement_47" style="grid-row: 4; grid-column: 7">
                            <p id="achievement_47_name"></p>
                        </div>
                        <div class="achievement" id="achievement_48" style="grid-row: 4; grid-column: 8">
                            <p id="achievement_48_name"></p>
                        </div>

                        <div class="achievement" id="achievement_51" style="grid-row: 5; grid-column: 1">
                            <p id="achievement_51_name"></p>
                        </div>
                        <div class="achievement" id="achievement_52" style="grid-row: 5; grid-column: 2">
                            <p id="achievement_52_name"></p>
                        </div>
                        <div class="achievement" id="achievement_53" style="grid-row: 5; grid-column: 3">
                            <p id="achievement_53_name"></p>
                        </div>
                        <div class="achievement" id="achievement_54" style="grid-row: 5; grid-column: 4">
                            <p id="achievement_54_name"></p>
                        </div>
                        <div class="achievement" id="achievement_55" style="grid-row: 5; grid-column: 5">
                            <p id="achievement_55_name"></p>
                        </div>
                        <div class="achievement" id="achievement_56" style="grid-row: 5; grid-column: 6">
                            <p id="achievement_56_name"></p>
                        </div>
                        <div class="achievement" id="achievement_57" style="grid-row: 5; grid-column: 7">
                            <p id="achievement_57_name"></p>
                        </div>
                        <div class="achievement" id="achievement_58" style="grid-row: 5; grid-column: 8">
                            <p id="achievement_58_name"></p>
                        </div>

                        <div class="achievement" id="achievement_61" style="grid-row: 6; grid-column: 1">
                            <p id="achievement_61_name"></p>
                        </div>
                        <div class="achievement" id="achievement_62" style="grid-row: 6; grid-column: 2">
                            <p id="achievement_62_name"></p>
                        </div>
                        <div class="achievement" id="achievement_63" style="grid-row: 6; grid-column: 3">
                            <p id="achievement_63_name"></p>
                        </div>
                        <div class="achievement" id="achievement_64" style="grid-row: 6; grid-column: 4">
                            <p id="achievement_64_name"></p>
                        </div>
                        <div class="achievement" id="achievement_65" style="grid-row: 6; grid-column: 5">
                            <p id="achievement_65_name"></p>
                        </div>
                        <div class="achievement" id="achievement_66" style="grid-row: 6; grid-column: 6">
                            <p id="achievement_66_name"></p>
                        </div>
                        <div class="achievement" id="achievement_67" style="grid-row: 6; grid-column: 7">
                            <p id="achievement_67_name"></p>
                        </div>
                        <div class="achievement" id="achievement_68" style="grid-row: 6; grid-column: 8">
                            <p id="achievement_68_name"></p>
                        </div>

                        <div class="achievement" id="achievement_71" style="grid-row: 7; grid-column: 1">
                            <p id="achievement_71_name"></p>
                        </div>
                        <div class="achievement" id="achievement_72" style="grid-row: 7; grid-column: 2">
                            <p id="achievement_72_name"></p>
                        </div>
                        <div class="achievement" id="achievement_73" style="grid-row: 7; grid-column: 3">
                            <p id="achievement_73_name"></p>
                        </div>
                        <div class="achievement" id="achievement_74" style="grid-row: 7; grid-column: 4">
                            <p id="achievement_74_name"></p>
                        </div>
                        <div class="achievement" id="achievement_75" style="grid-row: 7; grid-column: 5">
                            <p id="achievement_75_name"></p>
                        </div>
                        <div class="achievement" id="achievement_76" style="grid-row: 7; grid-column: 6">
                            <p id="achievement_76_name"></p>
                        </div>
                        <div class="achievement" id="achievement_77" style="grid-row: 7; grid-column: 7">
                            <p id="achievement_77_name"></p>
                        </div>
                        <div class="achievement" id="achievement_78" style="grid-row: 7; grid-column: 8">
                            <p id="achievement_78_name"></p>
                        </div>

                        <div class="achievement" id="achievement_81" style="grid-row: 8; grid-column: 1">
                            <p id="achievement_81_name"></p>
                        </div>
                        <div class="achievement" id="achievement_82" style="grid-row: 8; grid-column: 2">
                            <p id="achievement_82_name"></p>
                        </div>
                        <div class="achievement" id="achievement_83" style="grid-row: 8; grid-column: 3">
                            <p id="achievement_83_name"></p>
                        </div>
                        <div class="achievement" id="achievement_84" style="grid-row: 8; grid-column: 4">
                            <p id="achievement_84_name"></p>
                        </div>
                        <div class="achievement" id="achievement_85" style="grid-row: 8; grid-column: 5">
                            <p id="achievement_85_name"></p>
                        </div>
                        <div class="achievement" id="achievement_86" style="grid-row: 8; grid-column: 6">
                            <p id="achievement_86_name"></p>
                        </div>
                        <div class="achievement" id="achievement_87" style="grid-row: 8; grid-column: 7">
                            <p id="achievement_87_name"></p>
                        </div>
                        <div class="achievement" id="achievement_88" style="grid-row: 8; grid-column: 8">
                            <p id="achievement_88_name"></p>
                        </div>

                        <div class="achievement" id="achievement_91" style="grid-row: 9; grid-column: 1">
                            <p id="achievement_91_name"></p>
                        </div>
                        <div class="achievement" id="achievement_92" style="grid-row: 9; grid-column: 2">
                            <p id="achievement_92_name"></p>
                        </div>
                        <div class="achievement" id="achievement_93" style="grid-row: 9; grid-column: 3">
                            <p id="achievement_93_name"></p>
                        </div>
                        <div class="achievement" id="achievement_94" style="grid-row: 9; grid-column: 4">
                            <p id="achievement_94_name"></p>
                        </div>
                        <div class="achievement" id="achievement_95" style="grid-row: 9; grid-column: 5">
                            <p id="achievement_95_name"></p>
                        </div>
                        <div class="achievement" id="achievement_96" style="grid-row: 9; grid-column: 6">
                            <p id="achievement_96_name"></p>
                        </div>
                        <div class="achievement" id="achievement_97" style="grid-row: 9; grid-column: 7">
                            <p id="achievement_97_name"></p>
                        </div>
                        <div class="achievement" id="achievement_98" style="grid-row: 9; grid-column: 8">
                            <p id="achievement_98_name"></p>
                        </div>

                        <div class="achievement" id="achievement_101" style="grid-row: 10; grid-column: 1">
                            <p id="achievement_101_name"></p>
                        </div>
                        <div class="achievement" id="achievement_102" style="grid-row: 10; grid-column: 2">
                            <p id="achievement_102_name"></p>
                        </div>
                        <div class="achievement" id="achievement_103" style="grid-row: 10; grid-column: 3">
                            <p id="achievement_103_name"></p>
                        </div>
                        <div class="achievement" id="achievement_104" style="grid-row: 10; grid-column: 4">
                            <p id="achievement_104_name"></p>
                        </div>
                        <div class="achievement" id="achievement_105" style="grid-row: 10; grid-column: 5">
                            <p id="achievement_105_name"></p>
                        </div>
                        <div class="achievement" id="achievement_106" style="grid-row: 10; grid-column: 6">
                            <p id="achievement_106_name"></p>
                        </div>
                        <div class="achievement" id="achievement_107" style="grid-row: 10; grid-column: 7">
                            <p id="achievement_107_name"></p>
                        </div>
                        <div class="achievement" id="achievement_108" style="grid-row: 10; grid-column: 8">
                            <p id="achievement_108_name"></p>
                        </div>

                        <div class="achievement" id="achievement_111" style="grid-row: 11; grid-column: 1">
                            <p id="achievement_111_name"></p>
                        </div>
                        <div class="achievement" id="achievement_112" style="grid-row: 11; grid-column: 2">
                            <p id="achievement_112_name"></p>
                        </div>
                        <div class="achievement" id="achievement_113" style="grid-row: 11; grid-column: 3">
                            <p id="achievement_113_name"></p>
                        </div>
                        <div class="achievement" id="achievement_114" style="grid-row: 11; grid-column: 4">
                            <p id="achievement_114_name"></p>
                        </div>
                        <div class="achievement" id="achievement_115" style="grid-row: 11; grid-column: 5">
                            <p id="achievement_115_name"></p>
                        </div>
                        <div class="achievement" id="achievement_116" style="grid-row: 11; grid-column: 6">
                            <p id="achievement_116_name"></p>
                        </div>
                        <div class="achievement" id="achievement_117" style="grid-row: 11; grid-column: 7">
                            <p id="achievement_117_name"></p>
                        </div>
                        <div class="achievement" id="achievement_118" style="grid-row: 11; grid-column: 8">
                            <p id="achievement_118_name"></p>
                        </div>

                        <div class="achievement" id="achievement_121" style="grid-row: 12; grid-column: 1">
                            <p id="achievement_121_name"></p>
                        </div>
                        <div class="achievement" id="achievement_122" style="grid-row: 12; grid-column: 2">
                            <p id="achievement_122_name"></p>
                        </div>
                        <div class="achievement" id="achievement_123" style="grid-row: 12; grid-column: 3">
                            <p id="achievement_123_name"></p>
                        </div>
                        <div class="achievement" id="achievement_124" style="grid-row: 12; grid-column: 4">
                            <p id="achievement_124_name"></p>
                        </div>
                        <div class="achievement" id="achievement_125" style="grid-row: 12; grid-column: 5">
                            <p id="achievement_125_name"></p>
                        </div>
                        <div class="achievement" id="achievement_126" style="grid-row: 12; grid-column: 6">
                            <p id="achievement_126_name"></p>
                        </div>
                        <div class="achievement" id="achievement_127" style="grid-row: 12; grid-column: 7">
                            <p id="achievement_127_name"></p>
                        </div>
                        <div class="achievement" id="achievement_128" style="grid-row: 12; grid-column: 8">
                            <p id="achievement_128_name"></p>
                        </div>

                        <div class="achievement" id="achievement_131" style="grid-row: 13; grid-column: 1">
                            <p id="achievement_131_name"></p>
                        </div>
                        <div class="achievement" id="achievement_132" style="grid-row: 13; grid-column: 2">
                            <p id="achievement_132_name"></p>
                        </div>
                        <div class="achievement" id="achievement_133" style="grid-row: 13; grid-column: 3">
                            <p id="achievement_133_name"></p>
                        </div>
                        <div class="achievement" id="achievement_134" style="grid-row: 13; grid-column: 4">
                            <p id="achievement_134_name"></p>
                        </div>
                        <div class="achievement" id="achievement_135" style="grid-row: 13; grid-column: 5">
                            <p id="achievement_135_name"></p>
                        </div>
                        <div class="achievement" id="achievement_136" style="grid-row: 13; grid-column: 6">
                            <p id="achievement_136_name"></p>
                        </div>
                        <div class="achievement" id="achievement_137" style="grid-row: 13; grid-column: 7">
                            <p id="achievement_137_name"></p>
                        </div>
                        <div class="achievement" id="achievement_138" style="grid-row: 13; grid-column: 8">
                            <p id="achievement_138_name"></p>
                        </div>

                        <div class="achievement" id="achievement_141" style="grid-row: 14; grid-column: 1">
                            <p id="achievement_141_name"></p>
                        </div>
                        <div class="achievement" id="achievement_142" style="grid-row: 14; grid-column: 2">
                            <p id="achievement_142_name"></p>
                        </div>
                        <div class="achievement" id="achievement_143" style="grid-row: 14; grid-column: 3">
                            <p id="achievement_143_name"></p>
                        </div>
                        <div class="achievement" id="achievement_144" style="grid-row: 14; grid-column: 4">
                            <p id="achievement_144_name"></p>
                        </div>
                        <div class="achievement" id="achievement_145" style="grid-row: 14; grid-column: 5">
                            <p id="achievement_145_name"></p>
                        </div>
                        <div class="achievement" id="achievement_146" style="grid-row: 14; grid-column: 6">
                            <p id="achievement_146_name"></p>
                        </div>
                        <div class="achievement" id="achievement_147" style="grid-row: 14; grid-column: 7">
                            <p id="achievement_147_name"></p>
                        </div>
                        <div class="achievement" id="achievement_148" style="grid-row: 14; grid-column: 8">
                            <p id="achievement_148_name"></p>
                        </div>

                        <div class="achievement" id="achievement_151" style="grid-row: 15; grid-column: 1">
                            <p id="achievement_151_name"></p>
                        </div>
                        <div class="achievement" id="achievement_152" style="grid-row: 15; grid-column: 2">
                            <p id="achievement_152_name"></p>
                        </div>
                        <div class="achievement" id="achievement_153" style="grid-row: 15; grid-column: 3">
                            <p id="achievement_153_name"></p>
                        </div>
                        <div class="achievement" id="achievement_154" style="grid-row: 15; grid-column: 4">
                            <p id="achievement_154_name"></p>
                        </div>
                        <div class="achievement" id="achievement_155" style="grid-row: 15; grid-column: 5">
                            <p id="achievement_155_name"></p>
                        </div>
                        <div class="achievement" id="achievement_156" style="grid-row: 15; grid-column: 6">
                            <p id="achievement_156_name"></p>
                        </div>
                        <div class="achievement" id="achievement_157" style="grid-row: 15; grid-column: 7">
                            <p id="achievement_157_name"></p>
                        </div>
                        <div class="achievement" id="achievement_158" style="grid-row: 15; grid-column: 8">
                            <p id="achievement_158_name"></p>
                        </div>

                        <div class="achievement" id="achievement_161" style="grid-row: 16; grid-column: 1">
                            <p id="achievement_161_name"></p>
                        </div>
                        <div class="achievement" id="achievement_162" style="grid-row: 16; grid-column: 2">
                            <p id="achievement_162_name"></p>
                        </div>
                        <div class="achievement" id="achievement_163" style="grid-row: 16; grid-column: 3">
                            <p id="achievement_163_name"></p>
                        </div>
                        <div class="achievement" id="achievement_165" style="grid-row: 16; grid-column: 5">
                            <p id="achievement_165_name"></p>
                        </div>
                        <div class="achievement" id="achievement_167" style="grid-row: 16; grid-column: 7">
                            <p id="achievement_167_name"></p>
                        </div>
                        <div class="achievement" id="achievement_168" style="grid-row: 16; grid-column: 8">
                            <p id="achievement_168_name"></p>
                        </div>
                    </div>
                </div>

                <div class="settings-page-layout" id="section_settings" style="display: none">
                    <div class="settings-page-block" style="grid-row: 1; grid-column: 1">
                        <p class="settings-page-block-name">Export/Import</p>
                        <div class="setting-button" onclick="save_button_click()"><p>Export</p></div>
                        <div class="setting-button" onclick="load_button_click()"><p>Import</p></div>
                        <div class="setting-button red-button" onclick="hard_reset_confirm()"><p>Hard Reset</p></div>
                    </div>

                    <div class="settings-page-block" style="grid-row: 1 / 3; grid-column: 2">
                        <p class="settings-page-block-name">Display</p>
                        <div>
                            <p>Display matter gain:</p>
                            <label class="settings-block-selector-option"><input type="radio" name="matter_gain" value="0"><p>don't display</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="matter_gain" value="ms"><p>per millisecond</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="matter_gain" value="s"><p>per second</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="matter_gain" value="s_rl" checked><p>per real-life second</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="matter_gain" value="min_rl"><p>per real-life minute</p></label>
                        </div>
                        <div id="setting_hide_until_temperature" style="display: none">
                            <p>Display temperature in:</p>
                            <label class="settings-block-selector-option"><input type="radio" name="temperature_display" value="K" checked><p>Kelvins</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="temperature_display" value="C"><p>degrees Celsius</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="temperature_display" value="F"><p>degrees Fahrenheit</p></label>
                        </div>
                        <label class="settings-block-selector-checkbox"><input type="checkbox" name="no_resource_limit"><p>Display numbers above the resource limit normally</p></label>
                        <label class="settings-block-selector-checkbox"><input type="checkbox" name="show_ids"><p>Show upgrade IDs</p></label>
                        <label class="settings-block-selector-checkbox"><input type="checkbox" name="show_all_changelog"><p>Show full changelog (might include spoilers)</p></label>
                        <label class="settings-block-selector-checkbox"><input type="checkbox" name="separate_scroll_right"><p>Scroll the right column separately</p></label>
                        <label class="settings-block-selector-checkbox"><input type="checkbox" name="show_newsticker"><p>Show newsticker</p></label>
                        <div class="display-none-until-photonic">
                            <p>Prestige column format:</p>
                            <label class="settings-block-selector-checkbox"><input type="checkbox" name="show_flavor_names"><p>Show flavor names of prestige resets</p></label>
                            <label class="settings-block-selector-checkbox"><input type="checkbox" name="newline_after_prestige_currency"><p>Place prestige currency amount on a separate line</p></label>
                        </div>
                    </div>

                    <div class="settings-page-block" style="grid-row: 2 / 4; grid-column: 1">
                        <p class="settings-page-block-name">Notation</p>
                        <div>
                            <label class="settings-block-selector-option"><input type="radio" name="notation" value="default"><p>Default</p><p style="flex-grow: 1; text-align: right" id="settings_notation_view_default"></p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="notation" value="alternate_default"><p>Alternate Default</p><p style="flex-grow: 1; text-align: right" id="settings_notation_view_alternate_default"></p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="notation" value="scientific"><p>Scientific</p><p style="flex-grow: 1; text-align: right" id="settings_notation_view_scientific"></p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="notation" value="logarithm"><p>Logarithm</p><p style="flex-grow: 1; text-align: right" id="settings_notation_view_logarithm"></p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="notation" value="infinity"><p>Infinity</p><p style="flex-grow: 1; text-align: right" id="settings_notation_view_infinity"></p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="notation" value="binary"><p>Binary</p><p style="flex-grow: 1; text-align: right" id="settings_notation_view_binary"></p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="notation" value="hex"><p>Hex</p><p style="flex-grow: 1; text-align: right" id="settings_notation_view_hex"></p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="notation" value="emoji"><p>Emoji</p><p style="flex-grow: 1; text-align: right" id="settings_notation_view_emoji"></p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="notation" value="blind"><p>Blind</p><p style="flex-grow: 1; text-align: right" id="settings_notation_view_blind"></p></label>
                        </div>
                    </div>

                    <div class="settings-page-block" style="grid-row: 3 / 5; grid-column: 2">
                        <p class="settings-page-block-name">Prestige confirmation</p>
                        <div>
                            <label class="settings-block-selector-checkbox display-none-until-photonic"><input type="checkbox" name="prestige_confirmation_photonic"><p>on Photonic reset</p></label>
                            <label class="settings-block-selector-checkbox display-none-until-gravitonic"><input type="checkbox" name="prestige_confirmation_gravitonic"><p>on Gravitonic reset</p></label>
                            <label class="settings-block-selector-checkbox display-none-until-neutronic"><input type="checkbox" name="prestige_confirmation_neutronic"><p>on Neutronic reset</p></label>
                            <label class="settings-block-selector-checkbox display-none-until-vacuumic"><input type="checkbox" name="prestige_confirmation_vacuumic"><p>on Vacuumic reset</p></label>
                            <label class="settings-block-selector-checkbox display-none-until-vacuumic" style="margin-left: 1em; font-size: 0.8em"><input type="checkbox" name="prestige_confirmation_vacuumic_tree"><p>on Space Theorem tree reset, if you will lose Vacuum Energy due to resource limit reduction</p></label>
                            <label class="settings-block-selector-checkbox display-none-until-dimensional"><input type="checkbox" name="prestige_confirmation_dimensional"><p>on Dimensional reset</p></label>
                            <label class="settings-block-selector-checkbox display-none-until-atomic"><input type="checkbox" name="prestige_confirmation_atomic"><p>on Atomic reset</p></label>
                            <label class="settings-block-selector-checkbox unlock-on-experiments" style="margin-left: 1em; font-size: 0.8em"><input type="checkbox" name="prestige_confirmation_experiments"><p>on entering Experiments</p></label>
                            <label class="settings-block-selector-checkbox display-none-until-biological"><input type="checkbox" name="prestige_confirmation_biological"><p>on Biological reset</p></label>
                            <label id="perform_extinction_setting" class="settings-block-selector-checkbox" style="margin-left: 1em; font-size: 0.8em; display: none"><input type="checkbox" name="prestige_confirmation_extinction"><p>on Extinction</p></label>
                        </div>
                    </div>

                    <div class="settings-page-block" style="grid-row: 4 / 6; grid-column: 1">
                        <p class="settings-page-block-name">Aesthetics</p>
                        <div>
                            <p>Theme:</p>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="blue" checked><p>Blue</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="yellow"><p>Yellow</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="red"><p>Red</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="black"><p>Black</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="contrast"><p>Contrast</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="purple"><p>Purple</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="pink"><p>Pink</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="white"><p>White</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="orange"><p>Orange</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="blue_orchid"><p>Blue Orchid</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="inverted"><p>Inverted</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="theme" value="blurry"><p>Blurry</p></label>
                        </div>
                        <div>
                            <p>Font:</p>
                            <label class="settings-block-selector-option"><input type="radio" name="font" value="larabiefont" checked><p>Larabiefont</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="font" value="lucida_console"><p>Lucida Console</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="font" value="courier_new"><p>Courier New</p></label>
                            <label class="settings-block-selector-option"><input type="radio" name="font" value="recursive"><p>Recursive</p></label>
                        </div>
                    </div>

                    <div class="settings-page-block" style="grid-row: 5 / 7; grid-column: 2">
                        <p class="settings-page-block-name">Quality of Life</p>
                        <div class="unlock-on-st-autobuyers">
                            <p>Space Theorem tree autobuyers:</p>
                            <label class="settings-block-selector-checkbox"><input type="checkbox" name="auto_disable_vtree_autobuyer"><p>Disable autobuyers on manual upgrade tree reset</p></label>
                            <label class="settings-block-selector-checkbox"><input type="checkbox" name="enable_vtree_autobuyer_on_higher_reset"><p>Enable autobuyers on higher resets</p></label>
                            <label class="settings-block-selector-checkbox unlock-on-st-presets"><input type="checkbox" name="enable_vtree_autobuyer_on_preset_load"><p>Reset upgrade tree and enable autobuyers on preset load</p></label>
                            <label class="settings-block-selector-checkbox unlock-on-st-presets"><input type="checkbox" name="hide_saving_vtree_presets"><p>Hide "Save" buttons on presets</p></label>
                        </div>
                        <div class="unlock-on-auto-assigner">
                            <p>Collision Points auto-assigner:</p>
                            <label class="settings-block-selector-checkbox"><input type="checkbox" name="auto_disable_auto_assigner"><p>Disable auto-assigner on manual Collision Points change</p></label>
                        </div>
                        <div class="unlock-on-experiments">
                            <p>Experiments:</p>
                            <label class="settings-block-selector-checkbox"><input type="checkbox" name="exit_experiments_on_atomic"><p>Automatically exit Experiments on Atomic</p></label>
                            <label class="settings-block-selector-checkbox"><input type="checkbox" name="exit_experiments_on_higher_reset"><p>Automatically exit Experiments on higher resets</p></label>
                        </div>
                    </div>

                    <div class="settings-page-block" style="grid-row: 6; grid-column: 1">
                        <p class="settings-page-block-name">Performance</p>
                        <p>Update rate:</p>
                        <div class="settings-block-selector-slider">
                            <div style="display: flex; flex-direction: row;">
                                <p style="text-align: left; flex-grow: 1"><span class="static-number" extra="50"></span>ms</p>
                                <p style="text-align: right; flex-grow: 1"><span class="static-number" extra="1000"></span>ms</p>
                            </div>
                            <input type="range" name="update_rate" min="50" max="1000" value="50" step="10" style="width: 100%" onchange="change_update_rate()">
                        </div>
                        <p class="desc">This setting affects how often the game updates the screen. It has no effect on the speed of the actual game.</p>
                        <p class="desc">The game is performing a screen update every <span id="settings_val_update_rate"></span> milliseconds (or <span id="settings_val_update_per_sec"></span> updates/second).</p>
                    </div>
                </div>
                


                <div id="section_information" style="display: none">
                    <div class="hotkey-page" id="information_hotkeys">
                        <p class="header" style="font-weight: bold; padding-left: 10px">Hotkeys</p>
                        <p>&nbsp;</p>
                        <p class="display-none-until-photonic">P - perform a Photonic reset</p>
                        <p class="display-none-until-gravitonic">G - perform a Gravitonic reset</p>
                        <p class="display-none-until-neutronic">N - perform a Neutronic reset</p>
                        <p class="display-none-until-vacuumic">V - perform a Vacuumic reset</p>
                        <p class="display-none-until-dimensional">D - perform a Dimensional reset</p>
                        <p class="display-none-until-atomic">A - perform an Atomic reset</p>
                        <p class="display-none-until-biological">B - perform an Biological reset</p>
                        <p>Shift+M - switch to Matter tab</p>
                        <p class="display-none-until-photonic">Shift+P - switch to Photonic tab</p>
                        <p class="display-none-until-gravitonic">Shift+G - switch to Gravitonic tab</p>
                        <p class="display-none-until-neutronic">Shift+N - switch to Neutronic tab</p>
                        <p class="display-none-until-vacuumic">Shift+V - switch to Vacuumic tab</p>
                        <p class="display-none-until-dimensional">Shift+D - switch to Dimensional tab</p>
                        <p class="display-none-until-atomic">Shift+A - switch to Atomic tab</p>
                        <p class="display-none-until-biological">Shift+B - switch to Biological tab</p>
                        <p>1 - buy maximum amount of 1st Dimensions on screen</p>
                        <p id="hotkey_dimension_2">2 - buy maximum amount of 2nd Dimensions on screen</p>
                        <p id="hotkey_dimension_3">3 - buy maximum amount of 3rd Dimensions on screen</p>
                        <p id="hotkey_dimension_4">4 - buy maximum amount of 4th Dimensions on screen</p>
                        <p id="hotkey_dimension_5">5 - buy maximum amount of 5th Dimensions on screen</p>
                        <p id="hotkey_dimension_6">6 - buy maximum amount of 6th Dimensions on screen</p>
                        <p id="hotkey_dimension_7">7 - buy maximum amount of 7th Dimensions on screen</p>
                        <p id="hotkey_dimension_8">8 - buy maximum amount of 8th Dimensions on screen</p>
                        <p id="hotkey_dimension_9">9 - buy maximum amount of 9th Dimensions on screen</p>
                        <p id="hotkey_dimension_10">0 - buy maximum amount of 10th Dimensions on screen</p>
                        <p>M - buy maximum amount of all Dimensions on screen</p>
                        <p id="hotkey_upgrade_ids">Shift - hold to see upgrade IDs</p>
                    </div>
                    <div class="changelog-page" id="information_changelog" style="display: none">
                        <div class="version-block-major">
                            <p class="version-name">Version 0.7.2: Experiments Update (23.05.2021)</p>
                            <p class="version-desc">
                                - Fixed the reward of "Three is a Crowd" achievement.
                                <br>- Added some more newstickers.
                                <span class="changelog-line display-none-until-gravitonic"><br>- [Gravitonic] Fixed Gravitonic resets occasionally giving one less Graviton than expected.</span>
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] Added another future Infrared Waves softcap.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Fixed 3rd Nitrogen milestone also applying to resets higher than Dimensional.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Added Experiments (in Atomic tab).</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.7.1.3 (10.05.2021)</p>
                            <p class="version-desc">
                                - Added 8 new achievements.
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Added final Boron milestone.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] The Fluorine milestone is now applied correctly.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Fixed Shard gain using an Eukaryotes bonus instead of Chitin one.</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.7.1.2 (09.05.2021)</p>
                            <p class="version-desc">
                                - Fixed a visual glitch if newsticker was enabled and separate scrolling was disabled.
                                <br>- Added even more themes (thanks Elund!).
                                <br>- Added even more newstickers (thanks Elund and a lot of other people!).
                                <br>- Buying 3rd Matter Dimension now unlocks 2nd Matter Dimension autobuyer.
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] Upgrade 123 now also doubles Shard gain.</span>
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] Added a reward for Vacuumic Challenge 8.</span>
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] Added a reward for Neutronic Meta-Challenge.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Now you correctly gain Shards from Level 1 Hydrogen milestone if you obtained that level from Generation mid-run.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Lithium effect is softcapped after around level 200.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Buffed Dimensional Challenge 3.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Evolutions now take 10 times longer to implement.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Added one more Evolution.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Extinction multiplier is softcapped.</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.7.1.1 (25.04.2021)</p>
                            <p class="version-desc">
                                - Added a setting to configure the speed at which the game updates the screen, which can reduce CPU usage (thanks Mateon1!)
                                <br>- Fixed a bug when CapsLock would make the hotkeys for resets switch tabs, and vice versa.
                                <br>- Added a hotkey to switch to the Matter tab (it is Shift+M).
                                <br>- Added newsticker on top of the page (thanks Elund and others for numerous suggestions!)
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] New late-game upgrades added.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Oxygen now has a strong milestone.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] You can actually preview Space Theorem presets now.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Added an auto-assigner for Collision Points, unlocked with an achievement.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Added a new Evolution.</span>
                            </p>
                        </div>
                        <div class="version-block-major">
                            <p class="version-name">Version 0.7.1: Dimensional Challenges Update (18.04.2021)</p>
                            <p class="version-desc">
                                - Fixed the Recursive font displaying bold R's incorrectly in Firefox.
                                <br>- Fixed save/load functions not working on slightly older browsers.
                                <br>- Added a red theme (thanks Elund!).
                                <br>- Added a setting to make the central column and the right one scroll separately.
                                <span class="changelog-line display-none-until-gravitonic"><br>- [Gravitonic] The Gravitonic Upgrades page now displays the amount of Gravitons you will gain on reset if you spend them all, to help with planning.</span>
                                <span class="changelog-line display-none-until-vacuumic"><br>- [Vacuumic] The first upgrade now also gives x100 multiplier to Matter Dimensions.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] The second milestone from Boron is now permanent.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Added a bunch of settings for Space Theorem tree autobuyers.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Two repeatable upgrades used incorrect effect formulas; it is fixed now.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Added Dimensional challenges.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] Fixed a bug when Extinction always showed a confirmation screen.</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.7.0.2 (23.03.2021)</p>
                            <p class="version-desc">
                                - Fixed saves not loading if there was an empty line at start.
                                <br>- Some attempts at optimization.
                                <br>- Some cosmetic fixes.
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.7.0.1 (21.03.2021)</p>
                            <p class="version-desc">
                                <span class="changelog-line display-none-until-atomic">- [Atomic] Fixed Level 1 Hydrogen not awarding Shards on buy.</span>
                            </p>
                        </div>
                        <div class="version-block-layer">
                            <p class="version-name">Version 0.7: Biological Update (21.03.2021)</p>
                            <p class="version-desc">
                                - Added favicon.
                                <br>- Now you no longer start the game in 1970.
                                <br>- The antimatter growth is nerfed again: it grows slower if over 1e20.
                                <br>- The first upgrades in each layer are more powerful now.
                                <br>- Some Quality of Life upgrades now unlock earlier.
                                <br>- Meta-Challenges now keep your upgrades on the given layer instead of providing upgrade autobuyers.
                                <br>- The Automation Shop now sells autobuyers.
                                <br>- Added font and theme choices. Matter Dimensions: now yellow!
                                <br>- You can switch all dimension autobuyers on a given layer on or off by the press of one button.
                                <span class="changelog-line display-none-until-vacuumic"><br>- [Vacuumic] The upgrade 91 is now capped at 200 free Tickspeed Upgrades.</span>
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] Added three more Dimensional upgrades.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Dimensional Dimensions are weaker now.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Added some more element milestones.</span>
                                <span class="changelog-line display-none-until-biological"><br>- [Biological] New layer added.</span>
                            </p>
                        </div>
                        <div class="version-block-major">
                            <p class="version-name">Version 0.6.2: Dimensional Dimensions Update (21.02.2021)</p>
                            <p class="version-desc">
                                - Switched autobuyer priorities a bit. Now everything should work fine even with reset autobuyers unlocked.
                                <br>- The information about higher layers is now hidden from in-game changelog. This can be changed in Settings.
                                <br>- Added some real-time stats and extra hotkeys.
                                <span class="changelog-line display-none-until-neutronic"><br>- [Neutronic] Added a severe cost scaling for Gravitonic Dimensions past the current endgame.</span>
                                <span class="changelog-line display-none-until-neutronic"><br>- [Neutronic] Added an additional cost scaling for Neutronic particles past the current endgame.</span>
                                <span class="changelog-line display-none-until-vacuumic"><br>- [Vacuumic] Added a severe cost scaling for Neutronic Dimensions past the current endgame.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Nerfed Helium effect and softcapped 6 Lithium milestone.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Added Carbon.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Added Dimensional Dimensions.</span>
                            </p>
                        </div>
                        <div class="version-block-major">
                            <p class="version-name">Version 0.6.1: Vacuumic Challenges Update</p>
                            <p class="version-desc">
                                - The achievement "I'm So Meta" have its requirements lessened.
                                <br>- Made some CSS changes to improve the layout for slightly old browsers.
                                <br>- Added achievement pop-ups.
                                <br>- Added a setting to have all numbers above resource limit display normally.
                                <br>- Inertia upgrade 3 is a bit more costly now.
                                <br>- Introduced an additional Inertia upgrade that allows you to earn some Inertia while online.
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] Added an additional row of Dimensional upgrades.</span>
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] Added Vacuumic challenges.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Added a bunch of milestones (unobtainable in the current endgame).</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.6.0.8</p>
                            <p class="version-desc">
                                <span class="changelog-line display-none-until-vacuumic">- [Vacuumic] Photonic path on 4-way split got a massive boost to make it comparable to other paths.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Nerfed X-Rays.</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.6.0.7</p>
                            <p class="version-desc">
                                - Added prestige confirmations (can be disabled in Settings for each reset separately).
                                <br>- Antimatter growth is much slower now if it outpaces Matter significantly.
                                <span class="changelog-line display-none-until-vacuumic"><br>- [Vacuumic] Added a confirmation for resetting Vacuumic upgrade tree, if you will lose Vacuum Energy doing that. This can be disabled in Settings.</span>
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] Boosted upgrades 61-63.</span>
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] Reduced the amount of Space Theorems needed to break Infinity by one.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Added Boron.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Fixed a bug that allowed you to get some Space Theorem tree path combinations too early if you mess with autobuyers in the right way.</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.6.0.6</p>
                            <p class="version-desc">
                                - Hotkeys now don't work on exporting/importing screen.
                                <br>- Fixed a bug when you could not enter challenges if a particular variable was missing from the save.
                                <br>- Saves are now encoded using base64.
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.6.0.5</p>
                            <p class="version-desc">
                                - Added an in-game Changelog page.
                                <br>- Added hotkeys for prestige resets. Press the first letter of a prestige name to reset.
                                <br>- Added hotkeys for buying dimensions for the screen you are on. Press the number of a dimension to buy max of it.
                                <br>- Upgrades on some layers now show their ID if you hold Shift, for communication purposes.
                                <span class="changelog-line display-none-until-neutronic"><br>- [Neutronic] Boosted free Gravitons from Boson Power a bit. The buff is really small, though.</span>
                                <span class="changelog-line display-none-until-dimensional"><br>- [Dimensional] Switched the goals of Neutronic Challenges 3 and 6.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] High-levelled Lithium now also reduces Neutronic particle cost scaling.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] High-levelled Beryllium now unlocks X-Ray Waves.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Generation levels now boost all unlocked elements.</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.6.0.4</p>
                            <p class="version-desc">
                                - Nerfed late-gain Inertia effects. The growth is slower, and the supporting cost of multipliers grows much faster. 
                                You also gain a bit more in early game (about x8 more from the start).
                                <br>- Fixed the notation bug in slightly older browsers.
                                <br>- Challenges are now checked for completion before autobuyer actions.
                                <br>- Green Waves are boosted a bit.
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Added Beryllium.</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.6.0.3</p>
                            <p class="version-desc">
                                - Added a stylesheet for smaller screens (width &lt;= 1400px). The game should look a bit nicer on mobile devices.
                                <br>- Fifth Particle upgrades are now slightly more expensive.
                                <br>- Some graphical fixes.
                                <br>- Fixed a bug when being in Neutronic Challenge 3 and Gravitonic Challenge 5 could cause tickspeed to go negative.
                                <br>- "Paralympic Contestant" achievement now gives you the ability to buy max Gravitonic upgrades.
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Fixed a bug that caused Lithium effect to not apply.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Helium milestones now actually work.</span>
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Level 12 Hydrogen milestone is changed to something that is hopefully more useful.</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.6.0.2</p>
                            <p class="version-desc">
                                - Fixed the bug with the left column of buttons staying on the screen after scrolling horizontally.
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.6.0.1</p>
                            <p class="version-desc">
                                - Time speed formulas are rebalanced a bit: base time speed nerf is reduced from x1000 to x256, but upgrades reducing it are weaker.
                                <br>- Added an option to display matter gain per real-life minute.
                                <br>- Added a bunch of notations.
                                <span class="changelog-line display-none-until-atomic"><br>- [Atomic] Added Lithium.</span>
                            </p>
                        </div>
                        <div class="version-block-layer">
                            <p class="version-name">Version 0.6: Atomic Update</p>
                            <p class="version-desc">
                                - A new layer is finally here! Break Infinity to earn Atoms and buy Elements!
                                This is only the beginning of a new layer, and the amount of content here is quite small.
                                <br>- Added the final nerf to production (dilation of all multipliers above 1.79e308).
                                <br>- Upgrade costs are properly pluralized.
                                <br>- Achievements with an additional effect have a different color.
                                <br>- Added a new Inertia upgrade that makes your Inertia grow faster.
                                <span class="changelog-line display-none-until-neutronic"><br>- [Neutronic] Proton Power is a bit more powerful now.</span>
                                <span class="changelog-line display-none-until-vacuumic"><br>- [Vacuumic] Added the table with the costs of the next two Space Theorems, for better planning.</span>
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.5.3.1</p>
                            <p class="version-desc">
                                - Nerfed Photonic Challenge 8 properly.
                            </p>
                        </div>
                        <div class="version-block-major">
                            <p class="version-name">Version 0.5.3: Automation Update</p>
                            <p class="version-desc">
                                - A new endgame mechanic is added. Turn up the heat to break Infinity!
                                <br>- An Automation Shop is now open for everyone who performed a Neutronic reset at least once! It will contain upgrades to automate all layers above Photonic.
                                <br>- Nerfed Photonic Challenge 8: it is now impossible to sneak in a Photonic Dimension.
                                <br>- Neutronic Challenges now have reduced goals.
                                <br>- Shuffled tabs around a bit.
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.5.2.2</p>
                            <p class="version-desc">
                                - Locked Gravitonic upgrades now display their requirements.
                                <br>- Added more stats on Statistics page.
                                <br>- Added display for current matter per second.
                                <br>- Some values are now displayed with the fixed number of digits, to reduce text fluctuaton.
                                <br>- Settings tab added.
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.5.2.1</p>
                            <p class="version-desc">
                                - The first upgrades on each layer (except Photonic) now give more currency depending on your progress.
                                <br>- A Photonic upgrade that grants more Photons now depends on overall time and is slightly weaker.
                                <br>- The bug that allowed to access challenges without a proper unlocking upgrade is now fixed (mostly).
                                <br>- Added 4 new achievements.
                            </p>
                        </div>
                        <div class="version-block-major">
                            <p class="version-name">Version 0.5.2: Vacuumic Dimensions Update</p>
                            <p class="version-desc">
                                - Added Vacuumic dimensions.
                                <br>- Inertia gain now properly depends on your best time speed instead of current time speed.
                                <br>- "Matter Mayhem" achievement now preserves your automation from Gravitonic layer upon any reset.
                                <br>- The tab structure is changed to (hopefully) ease navigation.
                                <br>- A certain Dimensional upgrade is now working properly.
                            </p>
                        </div>
                        <div class="version-block">
                            <p class="version-name">Version 0.5.1.1</p>
                            <p class="version-desc">
                                - Fixed the ability to buy non-repeatable upgrades twice. 
                                <br>- Inertia upgrade 1 is now 2x cheaper, Inertia upgrade 3 is now 10x more expensive.
                                <br>- Rebalanced some upgrades in later stages of the game.
                            </p>
                        </div>
                        <div class="version-block-major">
                            <p class="version-name">Version 0.5.1: Inertia Update</p>
                            <p class="version-desc">
                                Use the powers of a new mechanic, Inertia, to convert the time you spend offline into a temporary time boost! You can choose the size of that boost by yourself, but bigger boosts will drain your Inertia quickly.
                                <br>The offline Inertia gain is affected by time speed, but there is also a new upgrade that allows to decrease this effect. Also, everyone gets 30 minutes of Inertia at start, to speed up early game a bit.
                                <br><br>Check Inertia in Mechanics tab.
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="prestige-menu">
                <div class="prestige-menu-wrapper">
                    <div id="prestige_layer_photonic" class="prestige-layer" style="display: none">
                        <p class="header">Photonic</p>
                        <p><span class="prestige_currency_photonic" style="font-weight: bold"></span><br class="prestige-layer-currency-linebreak"> Photons</span></p>
                        <div id="prestige_layer_photonic_reset" class="prestige-layer-ascend" onclick="reset_photonic()">
                            <p class="prestige-layer-name">Collect energy</p>
                            <p id="prestige_layer_photonic_gain" class="prestige-layer-desc">Gain <span class="prestige_currency_photonic_gain" style="font-weight: bold"></span> Photons</p>
                            <p id="prestige_layer_photonic_hint" class="prestige-layer-desc">You need <span id="prestige_layer_photonic_hint_amt"></span> energy</p>
                            <p id="prestige_layer_photonic_hint_next" class="prestige-layer-desc">Next at <span id="prestige_layer_photonic_hint_next_amt"></span> energy</p>
                        </div>
                        <div id="autobuyer_photonic" class="button-row" style="display: none"><input id="autobuyer_photonic_toggle" type="checkbox" onclick="player.autobuyers['photonic'].update_params()"><input id="autobuyer_photonic_param" type="text" onchange="player.autobuyers['photonic'].update_params()" style="font-size: 0.9rem;"></div>
                    </div>
                    <div id="prestige_layer_gravitonic" class="prestige-layer" style="display: none">
                        <p class="header">Gravitonic</p>
                        <p><span class="prestige_currency_gravitonic" style="font-weight: bold"></span><br class="prestige-layer-currency-linebreak"> Gravitons</span></p>
                        <div id="prestige_layer_gravitonic_reset" class="prestige-layer-ascend" onclick="reset_gravitonic()">
                            <p class="prestige-layer-name">Condense matter</p>
                            <p id="prestige_layer_gravitonic_gain" class="prestige-layer-desc">Gain <span class="prestige_currency_gravitonic_gain" style="font-weight: bold"></span> Gravitons</p>
                            <p id="prestige_layer_gravitonic_hint" class="prestige-layer-desc">You need <span id="prestige_layer_gravitonic_hint_amt"></span> matter</p>
                            <p id="prestige_layer_gravitonic_hint_next" class="prestige-layer-desc">Next at <span id="prestige_layer_gravitonic_hint_next_amt"></span> matter</p>
                        </div>
                        <div id="autobuyer_gravitonic" class="button-row" style="display: none"><input id="autobuyer_gravitonic_toggle" type="checkbox" onclick="player.autobuyers['gravitonic'].update_params()"><input id="autobuyer_gravitonic_param" type="text" onchange="player.autobuyers['gravitonic'].update_params()" style="font-size: 0.9rem;"></div>
                    </div>
                    <div id="prestige_layer_neutronic" class="prestige-layer" style="display: none">
                        <p class="header">Neutronic</p>
                        <p><span class="prestige_currency_neutronic" style="font-weight: bold"></span><br class="prestige-layer-currency-linebreak"> Neutrons</span></p>
                        <div id="prestige_layer_neutronic_reset" class="prestige-layer-ascend" onclick="reset_neutronic()">
                            <p class="prestige-layer-name">Compress dimensions</p>
                            <p id="prestige_layer_neutronic_gain" class="prestige-layer-desc">Gain <span class="prestige_currency_neutronic_gain" style="font-weight: bold"></span> Neutrons</p>
                            <p id="prestige_layer_neutronic_hint" class="prestige-layer-desc">You need <span id="prestige_layer_neutronic_hint_amt"></span> 1st M. Dims</p>
                            <p id="prestige_layer_neutronic_hint_next" class="prestige-layer-desc">Next at <span id="prestige_layer_neutronic_hint_next_amt"></span> 1st M. Dims</p>
                        </div>
                        <div id="autobuyer_neutronic" class="button-row" style="display: none"><input id="autobuyer_neutronic_toggle" type="checkbox" onclick="player.autobuyers['neutronic'].update_params()"><input id="autobuyer_neutronic_param" type="text" onchange="player.autobuyers['neutronic'].update_params()" style="font-size: 0.9rem;"></div>
                    </div>
                    <div id="prestige_layer_vacuumic" class="prestige-layer" style="display: none">
                        <p class="header">Vacuumic</p>
                        <p><span class="prestige_currency_vacuumic" style="font-weight: bold"></span><br class="prestige-layer-currency-linebreak"> Vacuum Energy</span></p>
                        <div id="prestige_layer_vacuumic_reset" class="prestige-layer-ascend" onclick="reset_vacuumic()">
                            <p class="prestige-layer-name">Collapse space</p>
                            <p id="prestige_layer_vacuumic_gain" class="prestige-layer-desc">Gain <span class="prestige_currency_vacuumic_gain" style="font-weight: bold"></span> Vacuum Energy</p>
                            <p id="prestige_layer_vacuumic_hint" class="prestige-layer-desc">Reach <span id="prestige_layer_vacuumic_hint_amt"></span> matter</p>
                            <p id="prestige_layer_vacuumic_hint_next" class="prestige-layer-desc">Next at <span id="prestige_layer_vacuumic_hint_next_amt"></span> space</p>
                        </div>
                        <div id="autobuyer_vacuumic" class="button-row" style="display: none"><input id="autobuyer_vacuumic_toggle" type="checkbox" onclick="player.autobuyers['vacuumic'].update_params()"><input id="autobuyer_vacuumic_param" type="text" onchange="player.autobuyers['vacuumic'].update_params()" style="font-size: 0.9rem;"></div>
                    </div>
                    <div id="prestige_layer_dimensional" class="prestige-layer" style="display: none">
                        <p class="header">Dimensional</p>
                        <p><span class="prestige_currency_dimensional" style="font-weight: bold"></span><br class="prestige-layer-currency-linebreak"> Shards</span></p>
                        <div id="prestige_layer_dimensional_reset" class="prestige-layer-ascend" onclick="reset_dimensional()">
                            <p class="prestige-layer-name">Coil dimensions</p>
                            <p id="prestige_layer_dimensional_gain" class="prestige-layer-desc">Gain <span class="prestige_currency_dimensional_gain" style="font-weight: bold"></span> Shards</p>
                            <p id="prestige_layer_dimensional_hint" class="prestige-layer-desc">Buy <span id="prestige_layer_dimensional_hint_amt"></span> 4th M. Dims</p>
                        </div>
                        <div id="autobuyer_dimensional" class="button-row" style="display: none"><input id="autobuyer_dimensional_toggle" type="checkbox" onclick="player.autobuyers['dimensional'].update_params()"><input id="autobuyer_dimensional_param" type="text" onchange="player.autobuyers['dimensional'].update_params()" style="font-size: 0.9rem;"></div>
                    </div>
                    <div id="prestige_layer_atomic" class="prestige-layer" style="display: none">
                        <p class="header">Atomic</p>
                        <p><span class="prestige_currency_atomic" style="font-weight: bold"></span><br class="prestige-layer-currency-linebreak"> Atoms</span></p>
                        <div id="prestige_layer_atomic_reset" class="prestige-layer-ascend" onclick="reset_atomic()">
                            <p class="prestige-layer-name">Collide matter</p>
                            <p id="prestige_layer_atomic_gain" class="prestige-layer-desc">Gain <span class="prestige_currency_atomic_gain" style="font-weight: bold"></span> Atoms<span id="prestige_layer_atomic_gain_ck"> and <span class="prestige_currency_atomic_gain_ck" style="font-weight: bold"></span> CK</span></p>
                            <p id="prestige_layer_atomic_hint_prebreak" class="prestige-layer-desc">Break Infinity</p>
                            <p id="prestige_layer_atomic_hint_postbreak" class="prestige-layer-desc">Reach <span id="prestige_layer_atomic_hint_amt"></span> matter</p>
                            <p id="prestige_layer_atomic_hint_next" class="prestige-layer-desc">Next at <span id="prestige_layer_atomic_hint_next_amt"></span> matter</p>
                        </div>
                    </div>
                    <div id="prestige_layer_biological" class="prestige-layer" style="display: none">
                        <p class="header">Biological</p>
                        <p><span class="prestige_currency_biological" style="font-weight: bold"></span><br class="prestige-layer-currency-linebreak"> Genes</span></p>
                        <div id="prestige_layer_biological_reset" class="prestige-layer-ascend" onclick="reset_biological()">
                            <p class="prestige-layer-name">Combine atoms</p>
                            <p id="prestige_layer_biological_gain" class="prestige-layer-desc">Gain <span class="prestige_currency_biological_gain" style="font-weight: bold"></span> Genes</p>
                            <p id="prestige_layer_biological_hint" class="prestige-layer-desc">Reach <span id="prestige_layer_biological_hint_amt"></span> atoms</p>
                            <p id="prestige_layer_biological_hint_next" class="prestige-layer-desc">Next at <span id="prestige_layer_biological_hint_next_amt"></span> atoms</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="overlay_window" class="overlay-window-holder" style="display: none">
            <div id="save_window" class="overlay-window" style="display: none">
                <p>The box below contains your savefile. Copy it to export your save.</p>
                <textarea id="save_textarea" class="overlay-textarea" readonly></textarea>
                <div class="setting-button overlay-button" onclick="save_window_close()"><p>Close</p></div>
            </div>
            <div id="load_window" class="overlay-window" style="display: none">
                <p>Paste the text of your savefile in the box below.</p>
                <textarea id="load_textarea" class="overlay-textarea"></textarea>
                <div class="setting-button overlay-button" onclick="load_window_close()"><p>Import</p></div>
            </div>
        </div>
<!--客服 开始-->
<script src="//g8hh.com/static/js/jquery.min.js"></script>
<link rel="stylesheet" href="//g8hh.com/static/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="//g8hh.com/static/js/kf.js"></script>
<!-- 客服 结束 -->
<!--站长统计-->
    <div style="display: none">
        <script type="text/javascript" src="//s13.cnzz.com/z_stat.php?id=1266957935&web_id=1266957935"></script>
    </div>
    </body>
</html>
